这个算是vue的一个核心功能,内容比较多,所以需要多看才能理解
prop属性问题
这个是一个比较重要的知识点,我们可以通过这个东西向子组件传递数据。
监听子组件的事件
父组件的监听事件(这里我定义了一个函数,当这个事件触发时就执行这个函数)
子组件来进行触发
子组件还可以传入值
我们可以通过event来获取这个值
多向传递
插槽
我们通过调用组件,可以往中间插入值
prop验证
Vue.component(\'my-component\', {
props: {
// 基础的类型检查 (`null` 和 `undefined` 会通过任何类型验证)
propA: Number,
// 多个可能的类型
propB: [String, Number],
// 必填的字符串
propC: {
type: String,
required: true
},
// 带有默认值的数字
propD: {
type: Number,
default: 100
},
// 带有默认值的对象
propE: {
type: Object,
// 对象或数组默认值必须从一个工厂函数获取
default: function () {
return { message: \'hello\' }
}
},
// 自定义验证函数
propF: {
validator: function (value) {
// 这个值必须匹配下列字符串中的一个
return [\'success\', \'warning\', \'danger\'].indexOf(value) !== -1
}
}
}
})
组件缓存
异步组件
这个算是一个非常重要的功能