Vue第四天
迪丽瓦拉
2024-06-03 08:26:43
0次
核心语法
父传子
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() { ... }