核心语法
父传子
1. 父组件中,给子组件,添加属性的方式传值
2. 子组件内部,通过 props 接收
子传父
1. this.$emit('自定义事件', 参数1,参数2)
2. 父组件中监听对应的事件
@自定义事件名 = '处理函数'
methods: {
处理函数 (参数1,参数2) {
}
}
props验证
1. 基础类型验证
String
Number
Boolean
Array
Object
Date
Function
2. 支持多个类型
[String, Number, Boolean]
3. 必填项
{
type: Number,
required: true
}
4、默认值
简单类型
{
type: Number,
default: 5
}
复杂(引用)类型
属性:{type:Array,
default:() => []}
为什么属性需要使用工厂函数返回的形式定义为默认值
5. 自定义验证(了解)
validator() { ... }