0
点赞
收藏
分享

微信扫一扫

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

曾宝月 2023-02-14 阅读 109


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 条评论