在vue中使用websocket，项目中通过websocket与后台交互，如何在所有页面使用同一个socket？

Question

能不能实现像跟axios一样的功能

比如一个页面多个接口我只需要引入通一个方法就可以完成发生和接收

// 例如跟下这样
import ws from "../wb"
// 第一个请求
ws.send({key:value}).then(res =>
    
                                //  balabala
))
// 第二个请求

ws.send({key1:value1}).then(res => 
                            // balabala
                           )
                            
  

设想2 封装成函数的形式

// api.js
import ws from "../wb"

export function getUserInfo() {
  return ws.send({cmd:"101",info:"getuserinfo"})
}

// app.vue
// 在vue文件中调用
import {getUserInfo} from "./api.js"

getUserInfo.then(res => { //  balabala})