这篇文章讲了vue3在编译阶段是如何找出动态节点，以及运行时阶段当响应式变量修改后，是如何靶向更新视图。

动态路由权限 1. 动态添加路由权限，刷新界面后出现404或空白页 出现此场景可能与两个地方有关 动态添加路由权限时，匹配404的路由需要添加到末尾(等动态路由添加完成之后再添加)，不然可能会出现40

一个项目要有统一的规范，需要使用eslint+stylelint+prettier来对我们代码质量做检测和修复，需要使用husky来做commit拦截，需要使用commitlint来统一提交规范，需要

回顾第一篇文章中谈到的组件库的几个方面，只剩下最后的、也是最重要的组件库的打包构建、本地发布、远程发布了。 1 组件库构建 组件库的入口是 packages/yyg-demo-ui，构建组件库有两个步

项目从 vue2 升级到 vue3 后发现 element-plus table 的性能相比 vue2 版本下降非常严重，很卡，经过性能分析比对，找到了 3 个比较核心的优化点，减少了85%渲染耗时。

使用vue3.2 新指令 v-memo提升性能，简单的说, 就是 v-memo中依赖的值若不发生变化，当前DOM及整个子树DOM都不会重新渲染, 会使用最后一次缓存的结果。

业务背景 近些年来，随着前端工程架构发展，使得前端项目中也能拥有如后端工程的模块能力。今天我们就来聊下如何在`Vite`中实现一套拓展能力强的多环境适配方案。

项目升级 Vite3.x 后，首次进入页面，页面的首屏时间非常的长，且一定会刷新整个页面。修复前的页面首屏时间为 1m06s，修复后为 45s，性能提升了 25%

v-memo 官方定义: 缓存一个模板的子树。在元素和组件上都可以使用。为了实现缓存，该指令需要传入一个固定长度的依赖值数组进行比较。如果数组里的每个值都与最后一次的渲染相同，那么整个子树的更新将被跳