VueNativeSock vue2使用

VueNativeSock是一个用于在Vue.js应用程序中使用WebSocket的插件。它提供了一个简单的方式来建立WebSocket连接，并且可以方便地发送和接收消息。

在Vue.js 2.x版本中使用VueNativeSock，你需要先安装它。可以通过npm或者yarn来安装：

npm install vue-native-websocket

或者

yarn add vue-native-websocket

安装完成后，在你的Vue.js应用程序的入口文件（通常是main.js）中引入VueNativeSock插件，并配置WebSocket连接：

import VueNativeSock from 'vue-native-websocket';

Vue.use(VueNativeSock, 'ws://localhost:8080', {
  reconnection: true, // 是否自动重新连接
  reconnectionAttempts: 5, // 重新连接尝试次数
  reconnectionDelay: 3000, // 重新连接延迟时间（毫秒）
});

在上面的代码中，我们通过Vue.use()方法来安装VueNativeSock插件，并传入WebSocket服务器的URL。你可以根据实际情况修改URL。

安装和配置完成后，你就可以在Vue组件中使用WebSocket了。例如，在一个组件中发送消息和接收消息的示例代码如下：

export default {
  mounted() {
    this.$socket.send('Hello WebSocket!'); // 发送消息

    this.$socket.onMessage((message) => {
      console.log('Received message:', message); // 接收消息
    });
  },
};

上面的代码中，我们通过this.$socket来访问WebSocket实例，并使用send()方法发送消息，使用onMessage()方法监听接收到的消息。

这就是VueNativeSock在Vue.js 2.x中的基本使用方法。你可以根据自己的需求进一步扩展和定制WebSocket的功能。