Vue组件传值方法4利用provide和inject

曾宝月

关注

阅读 109

2023-02-14


Vue组件传值方法4利用provide和inject_App


父组件中设置provide可以设置多个属性,在它的子组件中设置inject接收

父组件:

provide:{
for:'App Pass Value',
}

子组件:

data() {
return {
name: 'Two sons',
msg:'',
}
},
inject:['for'],
mounted(){
this.msg = this.for;
}

在inject接受到的是provide中的属性,在mounted中将获取到的属性的值给一个量msg存储,这样实现接收父组件传入的值


精彩评论(0)

0 0 举报