用途
跨组件层级传递和接收值,比如
祖父组件
import { provide, ref } from 'vue'
let flag = ref<number>(1)
provide('flag', flag)
孙组件
import { inject, Ref, ref } from 'vue'
const flag = inject<Ref<number>>('flag', ref(1))
或者兄弟组件间传值
在相同父级provide,在兄弟组件中inject
注意
如果传递普通的值 是不具有响应式的 需要通过ref reactive 添加响应式