vue

vue学习(65)其他composition Api(3)

2022-05-07  本文已影响0人  哆啦C梦的百宝箱
  1. provide 与 inject
    • 作用:实现祖与后代组件间通信
    • 套路:父组件有一个 provide 选项来提供数据,后代组件有一个 inject 选项来开始使用这些数据


      image.png
    • 具体写法:
      1. 祖组件中:
setup(){
    ......
    let car = reactive({name:'奔驰',price:'40万'})
    provide('car',car)
    ......
}
  1. 后代组件
setup(props,context){
    ......
    const car = inject('car')
    return {car}
    ......
}
  1. 响应式数据的判断
上一篇 下一篇

猜你喜欢

热点阅读