Vue.js 如何在NuxtJs中创建一个助手函数,以便在vuex和组件内部使用?
我想为Nuxtjs创建一个插件,只在客户端模式下记录我想要的所有内容,如下所示: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")
// ~/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中访问它