咸鱼是如何练成的

前言 大家好，我是咸鱼，今天的这篇文章让我们一起来探讨Vue3中生命周期函数的实现以及它是如何注入到Vue的执行流程中，在这篇文章中，可能会涉及到一些前面文章中的分析，如果没有看过前面的文章或者没有看

前言 大家好，我是咸鱼，之前断更了一个月，在这里说声抱歉(ps：前天发的文章太短了，不能算数)，今天这篇文章的注意内容是带着大家去了解Vue3中的调度系统，了解调度系统的执行流程，并且能够把之前分析的

前言 在前面的几篇文章中，我们把vue3的编译原理进行了详细分析，从template转换成AST到优化AST，再到通过优化过的AST生成渲染函数，每一步都缺一不可，可以说是一环扣一环，但这都是理想状态

前言 经过前面的编译成AST、AST树优化，我们得到了一个便于产生渲染函数的AST树。渲染函数在生成的过程中其实是字符串，会根据AST树的情况拼接进不同的语句，在最末尾才会把它变成一个函数 在正式开始

前言 继续了解vue transform阶段的流程。 transformeElement 分析元素的处理流程过于庞大的，并且大部分的逻辑都是在处理自身的所有的节点的才会执行，我们只去看主要的逻辑。 首

transform阶段是对AST树的升华，可以让其在generate阶段更好的产生的渲染函数，这里我们只关心内置的transform，用户的transfomr不去看。

vue中对模板转换成AST树的过程中，使用了大量的字符串的操作，这虽然是考虑了很多边界情况，这也提示着我们，在开发的过程中，能够考虑更多的情况。

前言 本篇文章是对上一篇文章diff算法的补充，介绍了Fragment的更新，为什么不要使用index key，以及vue中的最长递增子序列算法

清楚vue中diff算法的处理流程，知道每一个节点对比如何进行，如何书写模板可以进行最优的对比、复用节点，从而提高性能，