Vue 踩坑指南:render 函数和 provide 的结合

454 阅读1分钟

正确的使用方式:

      const Instance = new Vue({
        render(h) {
          return h(RootComp)
        },
        provide: {
          getUser() {
              ...
          }
        },
      }).$mount();

在 RootComp 组件的任意子组件中可以通过以下方式调用顶层 provide 的 getUser 方法。

inject: ['getUser'],

错误的使用方式:

    render(h) {
      return h(RootComp, {
        props: {
          ...
        },
        provide: {
          getUser() {
              ...
          }
        },
      });