基于vue3+socket.io的聊天应用

客服功能介绍：机器人智能聊天客服手动在线离线用户主动向客服发送信息（信息包括文本、表情包）客服选择会话成员，并且主动向用户发送信息（信息包括文本、表情包）用户/客服接收到对方发送的信息客服主动关闭用户会话，离线列表显示离线用户，用户端提示客服主动关闭会话，本次会话结束客服手动离线，清除所有会话列表，用户端提示客服已离线，本次会话结束客服刷新或关闭页面下线，清除所有会话列表，用户端提示客服已离线，本

实用的小程序websocket轻量封装，便捷引入

这年头前端部署项目，你还在用websocket提醒用户更新？简直太low啦！快来学学如何用指纹对比更新吧~

一、看下效果图二、废话不多说，直接上代码1.页面增加存放二维码的标签<canvas class="bar_code" canvas-id="Qrcode"></canvas>2.引入qrcode.js，后面会放上import qrCode from "../../utils/qrcode.js"3.在自己的methods中写入生成二维码的方法qrCode.api.draw(

一、看下效果图二、在页面写上地图标签<map style="width: 100%;height: 97%;" id="myMap" :markers="markers" :longitude="longitude" :latitude="latitude" scale='16' @markertap="handleStore"></map>markers：存放地图上面的地

一、看下效果图二、废话不多说，直接上代码1.页面增加存放条形码的标签<canvas class="bar_code" canvas-id="Brcode"></canvas>2.引入barcode.js，后面会放上import brCode from "../../utils/barcode.js"3.在自己的methods中写入生成条形码的方法brCode.code128

实用的小程序websocket轻量封装，便捷引入

方式一watch: {"$store.state.userInfo.Name":{handler:function(newVal,oldVal){console.log(newVal,oldVal);}}}方式二computed: {isEdit () {return this.$store.state.userInfo.Name;　　//需要监听的数据}},watch: {isEdit(newV