vue+websocket使用总结(四)

安装sockjs-client和stompjs

npm/cnpm install sockjs-clent
npm/cnpm install stompjs

在需要使用的vue文件中引用

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

在文件中监听websocket接口

注意：initWebsocket()方法只有在页面刷新的时候会调用，而stompClient.subscribe(’/topic/global’, function(message) {***}中的代码***在每一次接收到数据时都会触发。

	initWebsocket() {
				var monster = null;
				var steps = [];
				var stepSort = [];
				var id = '';
				var firstId = '';
				var imgSrc = '';
				var subTitle = '';

				var socket = new SockJS(this.httpUrl + "/ws");
				var stompClient = Stomp.over(socket);
				this.$nextTick(() => {
					stompClient.connect({}, function(frame) {
						stompClient.subs