最近在做的项目中，刚好用到了socekt.io,因为是第一次用到，所以就在网上看了很多大神写的博客，中间的过程肯定不是一帆风顺的，有很多坑，不过好在最后终于成功了，完美接收消息。。。话不多说，进入正题
一.首先下载安装
npm install vue-socket.io --save
二.引入到项目中 这里分为两种方案， 第一是直接在main.js中全局引用 import VueSocketIO from 'vue-socket.io'
Vue.use(new VueSocketIO({
debug:true,// 开启调试模式，在控制台可以打印出连接信息
connection:'这里填写你的服务地址', //
}))
这边要提前和服务端约定好，给你的回调命令要保持一致，就能实时收到消息了，
不过这边有一个坑就是，因为是全局挂载，所以socket连接会一直在，你有可能只是某个页面需要它，关闭页面后就断开连接，所以就不能再main.js中引用了，这个时候就要你哪个页面需要就放在哪个页面下就行了，我是在mounted中初始化的
第二中方案给大家可以看下他的github地址:github.com/Juliiii/Vue…
这是我的代码目录结构，很简单，这里用到了观察者模式
相信大家都能看都得懂
图中写的很明白了，大家只要把源码看一遍，相信很快就搞定了。☺
由于第一次写文章，表达的不是很好，还请大家多多指教，有不明白的地方可以私信我
