vue组件传参----prop使用

1.prop 是不能主动修改的

2.prop 定义时如果是 驼峰 命令方式，那么使用的时候需要为 短横线 方式，与组件一样在3种特殊情况下，不需要。

3.定义方式：
（1）数组的方式

props: ['title', 'xxx']

（2）对象的方式 （这种方式能够实现 prop 的验证）

props: {
  title: String,
  // 对象或数组默认值必须必须传递一个函数，然后返回默认值
  xxx: {
    type: Object,
    default: function() {
      return { message: 'hello' }
    }
  },
  // 自定义验证函数
  yyy: {
    validator: function(value) {
      return ['success', 'warning', 'danger'].indexOf(value) !== -1
    }
  }
}

参考：
作者：Elvmx
链接：https://www.jianshu.com/p/3d3f0aa1aa0a
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。