Vue中如何保存websocket对象？

Question

在一个项目里用到了websocket其中在Login.vue登录完成后，利用返回的参数成功连接了websocket服务器得到了websocket对象我怎么在其它vue模块中使用这个websocket对象？也就是在vue模块间共享一个长连接对象？

Answer 1

起个文件叫ws.js

const ws

function getWs(options) {

  if (!ws) {

    ws = new WebSocket(options)

  }

  return ws

}

export default getWs

在哪用在哪引入。

Answer 2

在需要的时候再new一个新的websocket对象呗 ，或者使用vuex看看