Vue中websocket的使用方法
2023-02-18 16:35:59 时间
初始化WebSocket以及其他可能用到的方法
//初始化WebSocket
initWs() {
if(typeOf(WebSocket) === "undefined") {
//浏览器不支持WebSocket
return false
} else {
this.socket = new WebSocket() //括号中填写后端提供的路径
this.socket.onopen = this.open
this.socket.onerror = this.error
this.socket.onmessage = this.getMessage
}
},
//监听socket连接
open() {},
//监听socket连接
error() {},
//接收数据
getMessage(data) {}, //data为后端发过来的数据
//发送数据
send() {
this.socket.send(data)
},
//监听socket连接关闭
close() {}
在data中初始化变量 mounted生命周期中调用初始化方法
data() {
return {
socket: ""
}
},
mounted() {
this.initWs()
},
destoryed() {
this.socket.onclose = this.close
}
具体内容可参考如下链接
WebSocket文档
解决WebSocket兼容性可参考如下链接
解决WebSocket兼容性
相关文章
- Java:既然有了synchronized,为什么还要提供Lock?
- java中HashMap的设计精妙在哪?
- 认识Java的整形数据结构
- 一文了解 Java 中的构造器
- SPI:Java的高可扩展利器
- Java反射机制清空字符串导致业务异常分析
- 7000+字图文并茂解带你深入理解java锁升级的每个细节
- 全文手敲代码,教你用Java实现扫雷小游戏
- 4种方法教你如何查看java对象所占内存大小
- 手绘图解java类加载原理
- Java中的线程到底有哪些安全策略
- Java中观察者模式与委托,还在傻傻分不清
- 一图详解java-class类文件原理
- Java遇上SPL:架构优势和开发效率,一个不放过
- 长篇图解java反射机制及其应用场景
- [java并发编程]基于信号量semaphore实现限流器
- java并发编程-StampedLock高性能读写锁
- 【java并发编程】ReentrantLock 可重入读写锁
- 【java并发编程】Lock & Condition 协调同步生产消费
- Java synchronized对象级别与类级别的同步锁