vue

上文是对el-table的基本封装上增加slot插槽，并且对col插槽进行拓展，本文主要时增加分页组件，同时进行slot传递

上文是对el-table的基本封装，只能满足最简单的应用，本文主要是在上文的基础上增加slot插槽，并且对col插槽进行拓展，增加通用性 // BaseTable.vue //index.vue

本文是对el-table的基本封装，很常规的操作，主要是对列的封装，可以根据列配置数组进行渲染，后续会追加分页,列分类格式化等扩展封装

日常，我们可能对element plus的组件进行进一步封装，而且可能是多层，那么要想实现双向绑定： 显式 :绑定属性，@绑定事件，事件中修改属性 隐式 v-model 第一种无需多说，第二种简单示例

1 配置路径处理模块 安装ts的类型声明文件 pnpm i @types/node -D 通过配置alias来定义路径的别名 2 分别打包css ,js，image 3 代理 .env文件 .env.

1 不使用setup语法糖，绑定字符串 2 使用setup语法糖，绑定组件实例 3 使用setup语法糖，绑定字符串（添加选项式script） 4 使用setup语法糖，绑定字符串（defineOpt

日常开发中，经常会遇到下面场景： 页面加载一个无分页列表，同时工具栏设置多个条件可对列表过滤的场景(典型的就是关键字模糊查询) 父组件传给子组件列表，子组件中需要多选列表多选，选择结果返回父组件 1

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源码分别从目录结构、目录解释、构建版本等基础方面进行解释