vue使用socket.io做到数据长链接

vue中使用socket协议

vue-cli 脚手架目录结构

1.参照vue-socket.io的git地址说明文档进行安装

npm install vue-socket.io

2.main.js里面注册一下。vue.use 里面的链接是后台的提供给你的socket地址

// socket
import VueSocketio from 'vue-socket.io';
Vue.use(VueSocketio, 'http://xxx.xxx.com:2018');//这里的url是后台提供的socket的地址

3.组件中使用socket. new_msg 这个方法是后台提供的socket的方法，注意方法名字要一样，这里的msg就是获取的数据

sockets:{
connect: function(){
this.id=this.$socket.id
},
//这里的new_msg是后台提供的方法，如：后台提供的方法为mysocket,则这里的方法名就是mysocket,
        new_msg: function(msg){
console.log(msg);//msg就是获取的数据
}
},

ok！