vue 中如何使用socket

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，到这里就结束

参考链接：https://blog.csdn.net/a8725585/article/details/73650613