使用组件我们都会,但是想给子组件传一些父组件的值时就需要用到父传子这个概念啦
一、父传子
父组件传值:
<子组件 :属性名="属性值">
<Son :sonUserInfo="sonUserInfo"></Son>
// data
sonUserInfo:{
name:'狗子',
age:500,
hobby:'追狗盘'
}
属性名:我们要给子组件传过去的变量名
值:我们要给子组件传过去的值 并且是在父组件中定义过的
子组件接收
第一种接收形式 数组 如果有多个传参 可以,分割开
props : ['sonUserInfo']
第二种接受形式 对象 在传过来的基础上加一些校验的条件
props: {
sonUserInfo :{
type:Object,
default:{},
required:true //必填项
}
},
更多资料可看