vue+sockjs实现webSocket及时通信

基于webSocket通信的库主要有 socket.io,SockJS,说实话都是第一次用,文档百度一通瞅;

SockJS使用https://www.npmjs.com/package/sockjs-client 看着使用简单,确实使用简单,呵呵;

项目需要做一个消息时时提醒,类似美团外卖消息那样;

使用方法:

1、安装 sockjs-client 和 stompjs

npm install sockjs-client
npm install stompjs

2、在你需要的组件引入 

import SockJS from  'sockjs-client';
import  Stomp from 'stompjs';

 vue+sockjs实现webSocket及时通信_第1张图片

首先data存一下stompClient,在你需要调起的地方调起this.initWebSocket();

记得页面销毁时要断开socket !!!

vue+sockjs实现webSocket及时通信_第2张图片

是不是很简单呀! 

你可能感兴趣的:(vue+sockjs实现webSocket及时通信)