//祖组件
export default {
provide:function(){
return {cityShow:()=>this.cityShow}
},
data(){
return{
cityShow:''
}
},
methods:{
getData(){
this.cityShow='这是祖组件传过来的数据'
}
}
}
//子组件不需要任何操作
//孙组件
export default {
inject: ["cityShow"],
//使用 computed 接收的参数可修改
computed: {
getCityData() {
return this.cityShow();
},
},
watch: {
getCityData(val) {
console.log(val)//'这是祖组件传过来的数据'
},
}
}
vue祖孙组件传参(provide、inject)
最新推荐文章于 2023-06-08 00:42:17 发布