Nuxt：Vuex 在 vuejs 组件外提交或发送消息

Question

我在 nuxt 中有一个应用程序，我想连接到 websocket，我已经看到将接收消息的回调放置在组件内的示例，但我认为不理想，我想放置回调在我的店里，目前我的代码是这样的

//I'm using phoenix websocket
var ROOT_SOCKET = `wss://${URL}/socket`;

var  socket = new Socket(ROOT_SOCKET);
socket.connect()
var chan = socket.channel(`connect:${guid}`); 

chan.join();
console.log("esperando mensj");

chan.on("translate", payload => {
  console.log(JSON.stringify(payload));
  <store>.commit("loadTranslation",payload) //<- how can I access to my store?
})

chan.onError(err => console.log(`ERROR connecting!!! ${err}`));


const createStore = () => {
  return new Vuex.Store({
   state: {},

   mutations:{
    loadTranslation(state,payload){...}
   },


....
})}

如何在我自己的商店文件中访问我的商店并进行提交？？？可能吗？... 我知道有一个 vuex 插件，但我不太理解文档，我宁愿在没有那个插件的情况下构建它 https://vuex.vuejs.org/guide/plugins.html

谢谢你们...希望你能帮助我...

Answer 1

你可以在nuxt插件中实现https://nuxtjs.org/guide/plugins/

export default {
  plugins: ['~/plugins/chat.js']
}

// chat.js
export default ({ store }) => {
   your code that use store here
}

Nuxt：Vuex 在 vuejs 组件外提交或发送消息

Nuxt: Vuex commit or dispatch message outside vuejs component

vue.js

vuex

vuejs2

nuxt.js