provide与inject

作用

实现祖孙组件间通信（祖provide，后代均可inject，只是一般用于祖孙间通信）

使用方法

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

父组件

1
2
3
4
5
6
7
8
9
10
setup(){
  let car=reactive({
    name:'奔驰',
    price:'40w'
  })
 
  provide('car',car)
 
  return {...toRefs(car)}
}

孙子们:

1
2
3
4
setup(){
  let car=inject('car')
  return {...toRefs(car)}
}