Pinia是一个基于Vue 3的状态管理库:
1.简单易用：它与Vue 3的响应式系统紧密集成.
2.类型安全：Pinia借助TypeScript的强类型支持，在定义store和使用store时获得类型检查和自动补全的好处，减少了潜在的错误。
3.高性能：Pinia采用了Vue 3的响应式系统，它使用了Proxy代理对象来进行状态的跟踪和更新，相比于Vue 2的Object.defineProperty，性能更高。
4.插件生态系统：Pinia提供了丰富的插件生态系统，Devtools、Vue Router等。
5.与Vue生态系统紧密集成：Pinia与Vue 3生态系统完美结合，可以与Vue Router、Vue Devtools等工具无缝协作，提供全面的开发体验。

权限管理:
1.菜单权限
2.路由权限

数据导出:

使用XLSX插件将数据写入Excel文件并进行下载。

数据导入:

使用XLSX插件处理Excel文件的上传。代码中使用了FileReader对象来读取文件内容，并使用XLSX.read方法将文件内容解析为工作簿对象。然后，使用XLSX.utils.sheet_to_json方法将工作表数据转换为JSON格式。

WebSocket具有以下特点：
1.实时性：WebSocket采用双向通信方式，允许服务器主动向客户端发送数据，实现了实时性的数据传输。
2.低延迟：WebSocket建立的是长期的连接，避免了频繁创建和关闭连接所带来的开销，降低了通信的延迟。
3.较少的网络流量：WebSocket采用首部压缩和二进制数据传输等技术，减少了通信的数据量，提高了网络传输效率。
4.更好的兼容性：WebSocket协议主流浏览器都支持，并且还有许多各种语言的库和框架可以使用，使得在不同平台下进行WebSocket通信变得更加简单。

在HTML5中WebSocket协议作为其中之一的关键特性，提供了一种更高效、实时的通信方式,在这之前常常需要采用轮询或长轮询等技术。

1.确保你的项目中已经安装了sass和sass-loader依赖项。如果还没有安装
2.在vite.config.ts文件中添加以下内容来配置SCSS支持
3.确保你在你的Vue组件的样式中使用了SCSS语法，可以通过<style lang="scss">来指定使用SCSS。

使用element-ui组件再次封装,封装了el-button,事件节流

1.安装Ecgarts首先要使用 npm 或 yarn 安装 echarts 包
2.导入Echarts import * as echarts from 'echarts';
3.在onMounted生命周期内执行相应的逻辑处理

Vue3 + ts 配置路由,ts识别不了后缀为.vue的文件
第一种:在env.d.ts 文件内配置
第二种:在tsconfig.json中配置,永久解决引入问题

1.在网络速度不好的环境下用yarn 命令安装组件和包文件,会导致包文件缺失,没有下载完全
2.使用 npm install -g cnpm --registry=https://registry.npm.taobao.org 解决淘宝镜像问题

1.父传子
2.子传父