VueNativeSock 官方使用文档
时间: 2024-01-02 16:21:58 浏览: 39
根据提供的引用内容,以下是VueNativeSock官方使用文档的示例:
1. 在main.ts中导入并使用插件:
```javascript
import { createApp } from "vue";
import VueNativeSock from 'vue-native-websocket';
const app = createApp(App);
// 使用VueNativeSock插件,并进行相关配置
app.use(VueNativeSock, `${base.lkWebSocket}/${localStorage.getItem("userID")}`, {
// 启用Vuex集成
store: store,
// 数据发送/接收使用json
format: "json",
// 开启手动调用connect()连接服务器
connectManually: true,
// 开启自动重连
reconnection: true,
// 尝试重连的次数
reconnectionAttempts: 5,
// 重连间隔时间
reconnectionDelay: 3000
});
app.use(store).use(router).mount("#app");
```
2. 安装vue-native-websocket:
使用yarn:
```shell
yarn add vue-native-websocket
```
或者使用npm:
```shell
npm install vue-native-websocket --save
```
3. 配置通过URL字符串自动进行套接字连接:
```javascript
import VueNativeSock from 'vue-native-websocket';
Vue.use(VueNativeSock, 'ws://localhost:8080', {
// 配置选项
});
```