vue2 使用socket.io 代码注释

当使用Vue2结合Socket.io进行开发时，可以通过以下代码注释来介绍：

// 引入Vue和Socket.io
import Vue from 'vue'
import io from 'socket.io-client'

// 创建一个全局的Socket实例
const socket = io('http://localhost:3000')

// 创建一个Vue插件，将Socket实例挂载到Vue原型上
const SocketPlugin = {
  install(Vue) {
    Vue.prototype.$socket = socket
  }
}

// 使用插件
Vue.use(SocketPlugin)

// 在Vue组件中使用Socket
export default {
  mounted() {
    // 监听来自服务器的消息
    this.$socket.on('message', (data) => {
      console.log('收到消息:', data)
    })

    // 发送消息到服务器
    this.$socket.emit('message', 'Hello, Server!')
  }
}

这段代码演示了如何在Vue组件中使用Socket.io。首先，我们引入Vue和Socket.io，并创建一个全局的Socket实例。然后，我们创建一个Vue插件，将Socket实例挂载到Vue原型上，以便在所有的Vue组件中都可以访问到。最后，在Vue组件的`mounted`钩子函数中，我们可以使用`this.$socket`来监听来自服务器的消息，并发送消息到服务器。