在Vuex Store模块中使用Vue.js插件

Question

我正在尝试在Vuex Store模块中使用Vue.js插件。

在组件中，我可以这样称呼它：this.$plugin()。但是，在模块中，未设置this。我认为Vue.$plugin()会起作用，因为我使用Vue.use(plugin)初始化插件并且 Vue 是一个全局变量，但它没有。

如何从模块引用插件？

Answer 1

我发现的最干净的方法是在商店/模块中导入Vue，然后通过Vue原型使用插件。

import Vue from 'vue';

// .. in some logic
Vue.prototype.$dialog.alert('Something went wrong');

Answer 2

You have to do the same thing

在此处提供的示例中Bert已回答了此问题

Answer 3

将 vue 实例作为参数传入

另一种选择是将 vue 实例作为您操作的参数传递。

const detail = {
    title: JSON.stringify(name),
    price: JSON.stringify(price),
    img:   img,
  }