第二个项目

在根目录建两个环境变量配置文件 参考vite文档 .env.development 开发环境走的地址 .env.production 生产环境走的地址 根据vite.config.js即可 测试配置成

1. 安装 tinymce 编辑器 2. 从 node_modules/tinymce 复制样式文件到 public 目录下 tip 中文语言包 zh-Hans.js 下载地址 3. 新增 Edito

角色管理页面只显示新增和刷新按钮 规格管理页面需要显示 通过数组判定 默认显示新增和刷新 每个按钮加入v-if判定 通过includes函数判断 在规格管理中定义 这样即可

无论点哪个 都是上次提交后的规格值 解决方法，抽屉组件的destroyOnClose属性,默认关闭,给设为true即可，会摧毁抽屉的子组件 这时即可正常展示

此时没选中这个子选项 刷新页面后查看 发现自动勾选了 解决办法 用checkStrictly这个TreeV2 属性

问题：点击右侧标签，左边菜单不会对应改变 原因：路由变化时，左边应该设置激活状态 在Menu.vue中使用

props 不能有s 要用prop 以下省略 /qqqqqqqqqqqqqqqqqqq qqqqqqqqqqqq

对柱状图进行权限控制，没有权限则不显示 创建directives文件夹 建立permission.js 自定义指令官方说明 main.js中引入 在createApp之后 根据数组来判断，登录用户后会

useResizeObserver 需要使用Vueuse里的这个功能 # useResizeObserver 导入方法 <div ref="el" id="chart" style="width:10

安装插件 NumberTo.vue 定义value值进行通信 设置响应式变量d从0开始滚动到渲染的值 这样使用

transition组件 在admin.vue中添加 用transition组件 之中的组件要有一个根节点(div) 两个就失效了 如果一个根节点 还是有问题 给进入动画推迟一下 也可以使用开源的库

找到主布局 admin.vue 在router-view中这样修改 官网查看更多 keep-alive官网

每次点击菜单 会加载两次getinfo请求 设置变量hasGetInfo let hasGetInfo = false 这里只有 hasGetInfo 为false时在动态添加路由

一个Bug，可以进入路由了 但是刷新后会404 因为 router.addRoute() 它们只注册一个新的路由，也就是说，如果新增加的路由与当前位置相匹配，就需要你用 router.push() 或

刷新用下面的方法 全屏需要vueuse 在Header中引用 调用即可 全屏后切换图标 用v-if判断

下载Path Intellisense 在这个插件settings配置这个 vite.config.js中配置

先给路由设置meta属性 在permission页这样设置 记住在next()前设置 ！！ 这样就可以了

安装这个插件 main.js中引入 开启和关闭效果 封装到utils工具库中 在全局守卫设置 只要路由发生变化就触发 开头加 修改loading进度条颜色 在App.vue中修改 页面渲染完毕后关闭

获取用户信息后跳转到后台页 但是刷新页面后信息就没了 放入actions中获取 在permission中 store. index.js中 login.vue 很简洁

没权限就跳回登录页，有权限才放行 在src下创建permission.js main.js中引入守卫