美文网首页
Vue3—使用provide和inject实现组件间的通信

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

作者: 曾祥辉 | 来源:发表于2021-03-27 11:24 被阅读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 };
  },

相关文章

网友评论

      本文标题:Vue3—使用provide和inject实现组件间的通信

      本文链接:https://www.haomeiwen.com/subject/csphhltx.html