VUE3+Vite 环境变量配置 环境变量命名：.env.produciton .env.development。环境分类：开发环境(development)，生成环境(实际部署produciton)必须以VITE_API_*开头，外面才能访问到，不以这个开头的外面访问不到。环境变量：在不同的环境下使用不同的参数配置。
MQTT服务器/MQTT_C#客户端/Websoket连MQTT 找到上传中的 emqx-5.3.2-windows-amd64 打开bin如下：如果安装失败 在上传中找到 VC_redist.x64.exe 安装。正确后在浏览器输入 http://127.0.0.1:18083 会有如下mqtt服务端管理页面：进入客户端认证，创建一个服务端池。里面设置用户名密码。c# 中 mqtt 客户端端口用 ip :1883websoket 端口用 8083。
C# WebSoket服务器 "Wts Soket连接失败！请检查config中wts地址WtsServerAdd配置！"您的浏览器不支持 WebSocket不能发送该命令，请尝试其他浏览器！"WebSocket已结连接！"WebSocket收到信息: ""hello Websoket!//连接WTS,WebSoket。// 将其他受影响的转换回原来。//Unicode 转 中文。// 对网址的链接进行处理。//异常进行重新连接。
ECMAscript6学习 ECMA是一个浏览器脚本标准制定的公司，Netscape 创造了 JavaScript 由于商标原因，后面ECMA公司取名ECMAscript 1 发布，JavaScript 也就是 ECMAscript.到现在最新的版本是6，简称es6.
Vue中的知识点 vue的实例对象vm拿到data中的数据后会放到_data中,这个_data中就使用Object.defineProperty封装了所有数据的getter与setter,不用key,获取用index当key都有可能出现问题。如果只是展示修改可以。但是建议还是使用唯一标识例如uuid,手机号，身份证，等等。，当数据发生变化时，vue会去根据【新数据】去生成【新的虚拟DOM】。在内存中会有一个虚拟的dom,他会与之前的虚拟进行比较。比较的依据就是key。，一执行外层的数据就修改，界面就会变化。
Vue3快速上手 vue经历从2.0到3.0更新之后，简⽽⾔之就是变得更轻，更快，使⽤起来更加⽅便，每⼀次的版本迭代都是对上⼀个版本的升级优化，不管 是对于我们开发者还是对于⽤户体验都是不断地在越来越⽅便。
TypeScript学习 ⾃定义类型，可以更灵活的限制类型// 性别的枚举Male,Female// ⾃定义⼀个年级类型（⾼⼀、⾼⼆、⾼三）// ⾃定义⼀个学⽣类型// 定义两个学⽣变量：s1、s2s1 = {name:'张三',age:18,gender:Gender.Male,grade:1}s2 = {name:'李四',age:18,gender:Gender.Female,grade:2}
Vue3_基础使用_4_路由器Router 路由：是一个key-value的对应关系叫路由。：管理多个路由的集合或者叫设备称为路由器。由于现在组件替代了以前的mvc中的cshtml, 组件的菜单切换也不用我手动去写，vue给我们通过配置完成。1.安装路由，由于是vue3直接安装不像vue2加个3版本。2.src下建立router文件夹，在该文件夹下建立index.ts vue3是ts,vue2是js.index中写路由配置准备好跳转的组件。备注：router 文件夹是默认的名称也就是一般都写这个名代表这是管理路由的。
Vue3_基础使用_3_Hooks模块化 今天主要学习的是hooks, vue3的使用比vue2方便很多了，但是呢各个功能块的逻辑有时候还是会缠绕在一起，这个时候使用hooks进行模块化管理开发，说白了就是。1.建立一个hooks 文件夹下面创建每个功能块的ts将他们自己逻辑放到里面。要暴露出去匿名函数，export default。函数里面将外面需要的数据或方法都return出去。先引入，在接收返回值，HTML中直接使用。将说有一个业务相关的交给一个ts的方法去管理。，以后修改就找到这个ts 不用到处去翻。
关注
