vue中使用 vue-socket.io

源码地址 文档

安装，配置跟随文档走。主要讲一下在组件中如何使用：

1.事件的注册与监听

如果你想在组件中监听socket事件，你需要在.vue组件中添加 sockets对象，里面的每一个函数都会监听事件，这取决于对象的键值。

export default {
      sockets: {
       connect: function () {
           console.log('socket connected')
       },
       customEmit: function (data) {
           console.log('this method was fired by the socket server. eg: io.emit("customEmit", data)')
       }
   },
   methods: {
       clickButton: function (data) {
           // $socket is socket.io-client instance
           this.$socket.emit('emit_method', data)
       }
   }
   }

以上来自官方的翻译，听起来很别扭是不是？让我们来试验一下
我们在sockets对象中注册上面两个方法后，在后端调用一下：

PS：后端配置看文档

io.on('connection', function(socket) {
    console.log("vue