vue中封装websoket_vue封装 websockets

1、安装websockt

npm install vue-native-websocket

2、在Vue应用程序中注册插件：

Vue.use的

第一个参数是插件本身，

第二个参数是WebSocket端点，

第三个参数是一个选项对象，它允许您配置插件。
注册完，您就可以使用this$Vue组件中的socket属性来访问WebSocket实例：

import VueNativeSock from 'vue-native-websocket'
 
Vue.use(VueNativeSock, 'ws://localhost:3000', {
  format: 'json'
})

export default {
  mounted () {
    this.$socket.send('Hello, World!')
  }
}

 4、向WebSocket服务器发送消息“Hello，World！”。您还可以使用创建的钩子来侦听WebSocket事件：

export default {
  created () {
    this.$socket.addEventListener('message', event => {
    //把从WebSocket服务器接收到的任何消息记录到控制台
      console.log(&#