VUE3.0实现websocket

最新推荐文章于 2024-09-27 13:53:51 发布

m0_67265654

最新推荐文章于 2024-09-27 13:53:51 发布

阅读量873

点赞数

分类专栏：前端 html 文章标签： websocket vue.js javascript

本文链接：https://blog.csdn.net/m0_67265654/article/details/123370146

版权

本文介绍了Vue2.0与Vue3.0的区别，特别是Vue3.0中新增的setup函数和取消data赋值的变化。重点讲述了在Vue3.0中如何使用WebSocket，包括新建websocket.js，引用到Vue组件，以及在Node.js环境中配置和测试WebSocket服务。作者通过实践，花了半天时间熟悉相关代码实现。

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

VUE3.0实现websocket

1、 vue2.0与vue3.0的区别

先说一下网上很多资料的websocket都是针对vue2.0的，我这个vue入门小菜鸟，对于vue的整体实现过程理解还是有偏差，因而记录下2.0到3.0的变化。其参考了该博主的文章链接: 让你30分钟快速掌握vue 3。

其主要是对vue3.0新增了setup函数，取消了data变量的赋值。感兴趣的可以自行阅读。这里只做记录。

Vue2--------------vue3
beforeCreate  -> setup()
created       -> setup()
beforeMount   -> onBeforeMount
mounted       -> onMounted
beforeUpdate  -> onBeforeUpdate
updated       -> onUpdated
beforeDestroy -> onBeforeUnmount
destroyed     -> onUnmounted
activated     -> onActivated
de