vue3祖孙组件间通信

作用:实现祖孙组件间通信

父组件有一个 provide 选项来提供数据,子组件有一个 inject 选项来开始使用这些数据

具体写法:

1.祖组件中:

 setup(){
    let car = reactive({name:'奔驰',price:'40万'})
    provide('car',car)
 }

2. 孙组件中:

 setup( props, context ){
    const car = inject('car') 
   return {car}
}
posted @ 2023-02-23 14:51  无泪的遗憾、愿我能  阅读(265)  评论(0)    收藏  举报
浏览器标题切换
浏览器标题切换end