父传子
分析:
1.父传子,首先找到两个组件之间的关联.
1.父传子
父组件: 通过自定义属性传递数据
子组件: 通过props选型接收传递的数据
2.父传子注意事项
1.父传子: 父变,子变,子变,父不变.并且报错
2.父传子: 父变,子变.子变.父变,需要传递一个对象(因为对象是引入类型,公用一个地址,一个改全部改)
3.父传子:父变.子不变.子变.父不变, 在子组件中将接收的数据存入到新的属性中
3.props作用
- 接收父组件传递的数据
- 接收父组件传递的数据同时做校验
- 常见的类型:
Number
String
Array
Object
Boolean
- 常见的类型:
// 若做数据校验时,props的值是一个json
props:{
username:{
type:String,
required:true,//必须传递该数据
},
age1:{
type:Number,
},
sex:{
type:String,
default(){
return '女'
}
}