websocket 配置 vue

最新推荐文章于 2024-07-29 22:01:22 发布

(´ꑣ｀)走啊，去学习

最新推荐文章于 2024-07-29 22:01:22 发布

阅读量311

点赞数

分类专栏：自学前端

本文链接：https://blog.csdn.net/weixin_44180190/article/details/116337856

版权

本文详细介绍了如何在Web应用程序中配置WebSocket服务，并重点讲解了如何将其与Vue.js前端框架进行有效整合，实现实时双向通信。通过实例代码，读者将学会创建WebSocket连接，发送与接收消息，并在Vue组件中展示更新数据。

摘要由CSDN通过智能技术生成

 data(){
   
	return {
   
	socket:null
	}
}

 mounted() {
   
    // 初始化
    this.init()
  },
// 组件被销毁时关闭监听，如不关闭，websocket会一直挂载
  beforeDestroy() {
   
    this.close()
  },

methods: {
   
	//   进入聊天室，连接socket
    init: function () {
   
      let that &

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

(´ꑣ｀)走啊，去学习

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
websocket 配置 vue

data(){ return { socket:null }} mounted() { // 初始化 this.init() },// 组件被销毁时关闭监听，如不关闭，websocket会一直挂载 beforeDestroy() { this.close() },methods: { // 进入聊天室，连接socket init: function () { let that = this if (typeof W.
复制链接

扫一扫