如何在 Vue3 Composition API 上使用 Vue2 插件？

Question

我正在迁移我的 Vue2 应用程序来使用@vue/composition-api（Vue 版本仍然是 2 而不是 3）。

在 Vue2 中我使用我的插件，this.$session但this在 Vue3 上不起作用。我找到的解决方案是这样使用：

setup (props, context) {
  context.root.$session // works fine
  context.root.$anotherPlugin 
}

然而在 Vue3 中context.root是@deprecated这样，当我迁移到 Vue3 时它就不再工作了。

还有其他方法可以访问里面的Vue实例吗setup()？我想如果我可以访问它，我就可以在 Vue3 上正常使用这些插件。

Answer 1

使用provide＆inject

提供

const app = createApp(App);
app.provide('someVarName', someVar);  // Providing to all components here

注入：

const { inject } = Vue;
...
setup() {
  const someVar = inject('someVarName');   // injecting in a component that wants it
}