一、父给子传数据通过属性传值
(1)父组件通过属性传值
<Son1 :name="name" :age="age"/>
(2)子组件通过props接
props:['name','age']
(3)接完之后可以直接使用
<h4>父辈信息:{{name}}--{{age}}</h4>
二、子组件去修改父组件的信息
通过定义触发事件来回传结果@click=“updateParent”
methods: {
updateParent(){
this.$emit('updateData',{name:“张三”,age:20})
}
}
在父组件定义一个事件@updateParent=“updateParent”
依赖注入:便于祖孙之间的数据传输,祖辈将自己的数据设为依赖数据,后代就可以将依赖数据作为实例注入
(1)添加依赖
provide(){
return people:{
name:"李四",
age:23
}
}
(2)后代元素,通过inject选项,注入祖辈设置为依赖的数据,然后就可以使用了
inject:['people']