vue

1 需求 管理系统“菜单”由后端接口返回，前端需要根据后端返回的“菜单”数组，构造路由，渲染侧栏菜单 有些菜单是子菜单，有对应的路由，但是不在侧栏显示（比如一些详情页面） 注：这里的“菜单”,不是字面

1 场景 后台管理系统，经典布局，固定头部 布局为头部区域（淡蓝色），侧边栏区域（淡粉色），内容区域（淡绿色），其中内容区域上部（黑线以上）为面包屑区域 需求：1.内容区域可以整体纵向滚动 2.内容区

实现流光边框一般是用渐变背景加动画实现，然后使用内部盒子遮挡内部空间，达到边框流光的效果 思路：背景渐变+旋转动画 动图（略）

功能： 自定义渐变（是否渐变，渐变颜色） 自定义斑马线（角度，宽度） 自定义百分比位置以及前缀文字、后缀文字 自定义动画时间 1 进度条 动图（省略） 2 增加百分比显示，位置选择以及前缀后缀文字 默

element plus 表格el-table行多选单选，设 type 属性为 selection以及自定义，以多选样式实现单选功能,

1 思路 菜单列表纵向排列，每一项菜单文字根据背景进行旋转 菜单跳转时，整体旋转 2 代码 因为背景曲线扁平，所以下面style中每一项文字旋转和右边距仅仅进行了视觉上简单拟合，并没有进行严谨的拟合，

vue2和vue3中组件销毁都会移除事件监听器： 组件销毁自动移除的监听器指的是同步创建的各种watcher 对于异步创建的watcher，需要手动移除 对于dom事件监听器，比如使用addEvent

vue2 批量全局引入： 批量局部引入： vue3 批量引入： 批量导入组件，在模板中利用动态组件component,根据key值渲染组件

封装Echarts Hook vue2: 混入方式 extends vue3: 一般是封装hook，在每一个echarts组件中调用

vue2和vue3获取当前组件对应的DOM元素，获取当前组件的refs，v-for循环中绑定ref等

vue3源码解析（v3.3.8） 针对vue3源码分别从目录结构、目录解释、构建版本等基础方面进行解释