vue实现websocket的vue-socket.io插件

我是人间长途旅行的人，幸好与我同舟共济安装插件npminstallvue-socket.io--savemain.js引入插件//引入socketimportVueSocketIOfrom'vue-socket.io'...//创建一个websocket链接，如果connection连接是固定的。Vue.use(newVueSocketIO({//debugdebug:true,//链接地址，这个链接可以debugconnection:'http://metinseylan.com:1992',//vuex配置vuex:{store,//vuexmutationprefixmutationPrefix:'SOCKET_',//vuexactionprefixactionPrefix:'SOCKET_'}}))//如果是通过接口获取connection连接，一般都是异步获取接口，所以this.$sockets为空，放置在加载应用程序之前。importVueSocketIOfrom'vue-socket.io'...//你请求接口获取连接地址的方法consturl=getUrl()Vue.use(newVueSocketIO({//debugdebug:true,//linkaddressconnection:url,//vuex配置vuex:{store,//vuexmutationprefixmutationPrefix:'SOCKET_',//vuexactionprefixactionPrefix:'SOCKET_'}}))//加载所有dom，放在接口配置之后socketlinkExecuteimportAppfrom'.app'//或者，创建一个获取链接地址的接口，通过newPromise()，然后获取接口值，获取链接地址后加载app。getUrl().then(res=>{Vue.use(newVueSocketIO({//debugdebug:true,//链接地址connection:res.url,//vuex配置vuex:{store,//vuex突变前缀mutationPrefix:'SOCKET_',//vuex动作前缀actionPrefix:'SOCKET_'}}))newVue({el:'#app',router,store,components:{App},template:''})})创建一个.vue文件来发送、接收消息、发送消息、注销。exportdefault{name:'socket',mounted(){//第一种：监听，接收消息this.sockets.subscribe('TEAM_NOTICE',(data)=>{console.log(data)})},sockets:{//三种默认方法//连接成功connect(){console.log('socketconnected')},//连接失败disconnect(){console.log('socketdisconnected')},//重连reconnect(){console.log('socketreconnect')},//方法二：监听和接收消息TEAM_NOTICE(data){console.log(data,'TEAM_NOTICE,pushedmessages')}},methods:{//sendmessagesendNotice(context){this.$socket.emit('TEAM_NOTICE','sendcontent')},//注销socketsdestroyed(){this.sockets.unsubscribe('TEAM_NOTICE')}待续。..（在vuex中使用）