provide可以让其他子(可多级)组件直接访问父组件数据
inject可以实现子组件访问provide的父组件数据
用法:
provide
父组件
//App.vue
import { provide, ref } from "vue";
const <value> = ref(true);
provide("string",<value>)
inject
///其他组件
import { inject } from "vue";
setup() {
const value = inject<Ref<boolean>>("string");
return { value };
},
网友评论