可以解决 每次定义数据都需要引入响应式ref、reactive等其他api的烦恼1.安装自动引入插件2.vite.config.ts 配置自动引入插件解决方法 可以去.eslintrc.cjs 文件中 把 no-undef关闭校验。如果 会报以下提示 她说告诉你 不知道ref是什么。这时候呢 就可以去使用 不再去引入ref。

1.执行次数不同：原生：当我引入多个js文件给window注册onload事件后只会执行我最后一次引入的onload事件可以理解为会把前面的覆盖jq：当我用$(document).ready()的方式给多个js文件注册的时候里面的函数和代码都可以执行并且按事件的注册先后顺序执行2.执行时间不同原生$(window).load()必须等到页面内元素包括图片的所有元素加载完之后执行。jq$(docum

什么是面包屑导航？面包屑包的烧鸡吗？真实的面包屑导航由来：面包屑导航(BreadcrumbNavigation)这个概念来自童话故事“汉赛尔和格莱特”，当汉赛尔和格莱特穿过森林时，不小心迷路了，但是他们发现在沿途走过的地方都撒下了面包屑，让这些面包屑来帮助他们找到回家的路。所以，面包屑导航的作用是告诉访问者他们目前在网站中的位置以及如何返回。作用：可以更清晰的告诉用户 当前所在导航的层次级别关系，

Pinia是 Vue 的存储库，它允许您跨组件/页面共享状态，与vuex功能一样。为什么不在用vuex了呢?Pinia 最初是为了探索 Vuex 的下一次迭代会是什么样子，结合了 Vuex 5 核心团队讨论中的许多想法。最终，我们意识到 Pinia 已经实现了我们在 Vuex 5 中想要的大部分内容，并决定实现它 取而代之的是新的建议。与 Vuex 相比，Pinia 提供了一个更简单的 API，具

对于element中提供给我们的el-menu组件最多可以实现三层嵌套，如果多一层数据只能自己通过变量去加一层，如果加了两层、三层这种往往是行不通的，所以只能进行封装

​svg特征Preloading所有图标都是在项目运行时生成的，只需要操作一次dom即可。高性能内置缓存，仅在文件被修改时才会重新生成。一、如何使用1.安装vite-plugin-svg-icons插件node version:>=12.0.0vite version:>=2.0.02.使用插件vite.config.ts

做项目时，项目的功能无非就是增删改查，本篇解决分页时细节的一些操作，所有的项目大部分都是这个流程哈！效果图一、增加当我们增加一条新数据的时候，用户往往想看到最新添加的一条数据，但是我们增加后，页面不会跳到最后一页，所以我们要手动解决这个bugdata数据data() {return {tableData: [], //存放显示的数据pages: {page: 1, // 页码pagesize: 2

Pinia是 Vue 的存储库，它允许您跨组件/页面共享状态，与vuex功能一样。为什么不在用vuex了呢?Pinia 最初是为了探索 Vuex 的下一次迭代会是什么样子，结合了 Vuex 5 核心团队讨论中的许多想法。最终，我们意识到 Pinia 已经实现了我们在 Vuex 5 中想要的大部分内容，并决定实现它 取而代之的是新的建议。与 Vuex 相比，Pinia 提供了一个更简单的 API，具

一、RBAC(Role-Based Access control)RBAC中文意为基于角色的权限控制，是一个权限设计思想，也就是说根据不同的用户角色，有不同的权限控制，例如权限页面，权限功能。使用场景：登录后每个用户看到的菜单界面是不同的，操作的功能也不一样，例如老板、财务和员工，老板的级别就高级一点了，所有的菜单栏都可以访问，而财务只能看见考勤和对应的工资，而员工只能看见自己的个人信息。这时候就

postcss-px-to-viewport 是一款 PostCSS 插件，用于将 px 单位转化为 vw/vh 单位。补充：如果设计图是750的话需要单独判断，因为vant是根据375设计稿去做的，如果是读取vant目录文件的话采用375 其他采用750。是一款 PostCSS 插件，用于将 px 单位转化为 vw/vh 单位。如果设计图大小是375 就设置375就好了 750 同理。转换成vw