Vue3—使用provide和inject实现组件间的通信

2021-03-27  本文已影响0人  曾祥辉

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 };
  },
上一篇 下一篇

猜你喜欢

热点阅读