一初婆、父給子傳數(shù)據(jù)通過(guò)屬性傳值
(1)父組件通過(guò)屬性傳值
<Son1 :name="name" :age="age"/>
(2)子組件通過(guò)props接
props:['name','age']
(3)接完之后可以直接使用
<h4>父輩信息:{{name}}--{{age}}</h4>
二发框、子組件去修改父組件的信息
通過(guò)定義觸發(fā)事件來(lái)回傳結(jié)果@click=“updateParent”
methods: {
updateParent(){
this.$emit('updateData',{name:“張三”,age:20})
}
}
在父組件定義一個(gè)事件@updateParent=“updateParent”
依賴注入:便于祖孫之間的數(shù)據(jù)傳輸佣赖,祖輩將自己的數(shù)據(jù)設(shè)為依賴數(shù)據(jù)彪标,后代就可以將依賴數(shù)據(jù)作為實(shí)例注入
(1)添加依賴
provide(){
return people:{
name:"李四"鸠真,
age:23
}
}
(2)后代元素诗宣,通過(guò)inject選項(xiàng)膘怕,注入祖輩設(shè)置為依賴的數(shù)據(jù),然后就可以使用了
inject:['people']