美文网首页
浅谈vue中provide和inject 用法

浅谈vue中provide和inject 用法

作者: _皓月__ | 来源:发表于2020-08-06 11:39 被阅读0次

https://www.jianshu.com/p/d316b493e92c
https://blog.csdn.net/viewyu12345/article/details/83011618

3个组件 A(父级)、B(子级)、C(孙子级)

A

export default {
  provide() {
    return {
      reload: this.reload
    };
  },

  methods: {
    reload() {
      console.log("我是在C组件执行的A组件的方法！");
      console.log("C调用A的方法！");
    },
    },
},

C

export default {
  inject: ["reload"],
  mounted() {
    this.reload();
  },
},

相关文章