nuxtjs 项目中如何在单独的 js 文件里引入 vuex?

[doco]

做了个 nuxtjs 的项目, 但是不知道要如何才能在 js 文件中引入 vuex, 上网找了下有一些是建议以导出 Vuex 实例的方式创建 store, 但是 nuxt 文档中又不建议这样做. 有人知道要怎样解决吗?

[saberlove]

你的这个 JS 文件写为一个 plugins
然后在 plugins 里面使用

export default ({ app, $axios, store, route, redirect }) => {
socket.doSomeThing(()=>{

})
}

[saberlove]

怎么发出去了。。

[saberlove]

这里有 store 对应 vuex
你直接使用 store.dispatch('socket/xxxx')就可以了

[noe132]

可以 hack 一下，从组件中获取到 store 后赋值到一个地方保存起来。
nuxt 创建的 store 实例并没有 exports 出来，所以没法直接 import

[noe132]

对也可以写一个 plugin，在 plugin 执行的时候把 store 保存起来。

[saberlove]

@noe132 实例初始化完毕以后 nuxt 会在 window 全局注入$nuxt 通过$nuxt.$store 可以访问 store
但是这样不好 初始化完毕以前无法访问$nuxt

[saberlove]

@noe132 plugin 的 context 上下文里面是有 store 实例的

[doco]

@saberlove #3 确实好用了, 谢谢大佬.

[guoyancheng1022]

@saberlove 大佬，用你的方法在 js 中 console.log(store.state.user_id)查出来是空值，但我在 vue 组件中 this.$store.state.user_id 确实能取到值