在 vue-cli 项目中使用 WebSocket 实时获取数据信息

阮一峰WebSocket 入门教程

一般来说，wss接收域名 ws接收ip

方法一

调用时只需调用 this.initWebSocket() 即可，this.websock 上绑定的其他方法都是自调用的

<script>
export default {
   
	created(){
   
		// 调用获取实时数据
		this.initWebSocket()
	},
	methods: {
   
	   initWebSocket() {
   
	      this.websock = null;
	      //判断当前浏览器是否支持WebSocket
	      if ("WebSocket" in window) {
   
	        //初始化weosocket(必须)
	        this.websock = new WebSocket(
	          "ws://172.23.126.15/audshow/websocket"
	        ); //新建一个webstock对象        
	        this.websock.onopen