vue3 provide和inject

作用：实现祖孙组件之间的通信

实现：父组件中有一个provide选项来提供数据，后代组件中有一个inject选项来使用这些数据

1.祖组件中

import { provide} from 'vue'

export default { 
  name: 'App',
  setup(){
      let testData = reactive({name:'张三',age:18})
      provide('father',testData)
  }return {
        testData
    }
    
  }
}    

2.后代组件中

import { inject } from 'vue'

export default { 
  name: 'App',
  setup(){
      let getData =  inject('father')
  }
    return {
         getData
    }
    
  }
}