Vue3 provide与inject 祖孙组件实现通信

一、作用

祖孙组件实现通信

二、过程

父组件 provide()提供数据,后代组件inject()选项,开始使用这些数据

三、语法

1、祖组件

setup() {
  let car = reactive({
    name: 'su7',
    print:30
  })

  provide('car',car)
  return {car}
}

2、后代组件

setup(){
    console.log('传递的值', inject('car'))
}

 

posted @ 2025-01-10 17:06  市丸银  阅读(46)  评论(0)    收藏  举报