首页 > 其他分享 >Vue组件传值方法4利用provide和inject

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

时间:2023-02-14 15:37:58浏览次数:46  
标签:Vue provide msg inject 组件 mounted 属性


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


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

父组件:

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

子组件:

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

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


标签:Vue,provide,msg,inject,组件,mounted,属性
From: https://blog.51cto.com/u_15964288/6056960

相关文章