前言#
昨天我们分析完了如何patch组件的
坏蛋Dan:vue runtime源码分析学习——day8:patch打补丁part4:processComponent处理组件
那么我们patch阶段就分析的差不多了(忽略了suspense、teleport、transition、keep-alive等)
汇总#
1. 如何unmount即注销旧节点#
坏蛋Dan:vue runtime源码分析学习——day6:patch打补丁part1:注销旧节点
2. patch 文本/fragment/element等#
坏蛋Dan:vue runtime源码分析学习——day7:patch打补丁part2:根据不同类型进行patch处理
3. diff算法#
坏蛋Dan:vue runtime源码分析学习——diff算法
4. patch组件#
坏蛋Dan:vue runtime源码分析学习——day8:patch打补丁part4:processComponent处理组件
总结#
经过这一波分析,我们知道了大多数vnode是如何生成对应的el,知道了是如何跟旧的vnode的diff,也知道了组件创建过程中的各个方面,比如如何跟编译阶段的产物关联以及任务调度等。
发布于 2023-03-16 09:21・IP 属地广东
