vue 中如何使用socket

最新推荐文章于 2024-08-08 08:27:22 发布

Young_Gao

最新推荐文章于 2024-08-08 08:27:22 发布

阅读量1.5w

点赞数 1

分类专栏： vue 文章标签： vue socket

本文链接：https://blog.csdn.net/young_gao/article/details/80332083

版权

vue 专栏收录该内容

38 篇文章 1 订阅

订阅专栏

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就是获取的数据 
 
   } 
 
   },