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