Vue.js 如何在NuxtJs中创建一个助手函数,以便在vuex和组件内部使用?

Vue.js 如何在NuxtJs中创建一个助手函数,以便在vuex和组件内部使用?,vue.js,nuxt.js,Vue.js,Nuxt.js,我想为Nuxtjs创建一个插件,只在客户端模式下记录我想要的所有内容,如下所示: // ~/plugins/client-log.js export default ({ app }, inject) => { app.clog = string => console.log(string) } 此插件在我可以访问上下文的组件中工作,例如: export default { fetch({app}){ app.clog("some string")

我想为Nuxtjs创建一个插件,只在客户端模式下记录我想要的所有内容,如下所示:

// ~/plugins/client-log.js
export default ({ app }, inject) => {
    app.clog = string => console.log(string)
}
此插件在我可以访问上下文的组件中工作,例如:

export default {

  fetch({app}){
       app.clog("some string")
  }
};
但我希望能够在vuex内部使用它(操作、突变…)。我该怎么做


提前谢谢。

你离得太近了,你只需要改变一件事:

// ~/plugins/client-log.js
export default ({ app }, inject) => {
    inject('clog', string => console.log(string))
}
然后你可以这样称呼它:

export default {

  fetch({app}){
       // Note: inject will automatically prefix with a "$"
       app.$clog("some string")
  },

  mounted() {
    // this.$clog can also be accessed within vuex
    this.$clog("I'm in a component")
  }
};

谢谢,我仍然无法在vuex操作或变体中使用它,对吗?很抱歉,我已经更新了如何在组件/vuex中访问它