props默认值和类型

用vue写独立组件的时候,经常会涉及到一个问题:如果父组件传值,就用传过来的值。否则,就用默认值。这里提供了一个props

  export default {
    name: 'slider1',
    props: {
      loop: {
        type: Boolean,
        default: true
      },
      autoplay: {
        type: Boolean,
        default: true
      },
      interval: {
        type: Number,
        default: 4000
      }
    },
这里的值直接写入到了data,可以通过this.interval直接调用。如果有传值,就会替换默认值。

随机浏览