在 NuxtJS Vue 中将类设置为原型

Question

如何在 Vue NuxtJS 中正确设置类原型？

我创建插件

nuxt.config.js

plugins: [

    { src: "~/plugins/global.js" },

],

全局.js

import Vue from "vue";

import CustomStore from "devextreme/data/custom_store";

//try set in prototype

Vue.use(CustomStore)

有错误

A class must be instantiated using the 'new'

我知道这是不正确的，但我找不到任何地方如何初始化它

Vue.use(new CustomStore());

没有错误但是怎么调用呢？

我想在我的组件中使用类似的东西

this.dataSource = this.$CustomStore({ ///... settings...// })

Answer 1

我假设这CustomStore是一个函数，所以你可以尝试使用 Nuxt.jsinject()方法。此方法将使您的函数或值在您的应用程序中可用。〜/插件/global.jsexport default ({ app }, inject) => {  // Inject $CustomStore() in Vue, context and store.  inject('CustomStore', CustomStore)}然后您可以在应用程序组件中使用它。你的组件 mounted() {   this.$CustomStore() },