element-plus组件库可以满足中后台大部分场景的需求，但有时为了定制功能和样式，不得不进行二次开发。本篇文章对element-plus二次开发的第一步：构建与发布流程进行分析。

1.pathVnode 节点比较算法 1.1更新流程 注意这里做的是具体的dom操作，只是利用新旧的vnode找出更新内容，直接做dom操作。每次循环都会直接做dom，性能消化大，所以需要加上key做

1.问题： v-if和v-for同时使用，那个优先级更高 2.分析 从打印输出可以看出，_l 循环遍历的for ，里面再执行(isFolder)? 条件判断。 vue会先将template模板 编译成

1.问题：Vue组件data为什么必须是个函数而Vue的根实例则没有此限制？ 2. 整体思路 vue初始化，先调用initAssetRegisters方法，把所有全局组件的构造函数先初始化好，并且全局

1.例子 2.需要实现的效果 在位置C前面插入F元素 3.源码分析 path -> pathVnode -> updateChildren -> sameVnode()方法 -> pathVnode

1. 什么是diff算法 diff算法是使用虚拟dom的必然产物，因为使用虚拟dom就需要比较新旧两个节点之间的差异，而diff就是比较两者的算法。 vue2中watcher颗粒度的降低，(vue1是

1. 定义 1.1全局定义 源码分析 src/core/global-api/assets.js src/core/global-api/extend.js 1.2单文件定义 单个文件配置，会被vue

1.全局的钩子函数 1.1beforeEach(to，from，next) 路由改变前调用   常用验证用户权限 1.2beforeResolve(to，from，next) 1.3afterEach

1.整体思路 响应式是什么 为什么vue需要响应式 它能给我们带来什么好处 响应式源码实现 vue3中的优化 2.源码分析 2.1. vue2中的响应式实现 原理 使用defineProperty做数