diff算法的理解

首先，diif算法是针对缓存virtual-dom来说的，先对比组件，再对比组件内元素。

组件对比，即component diff：在进行tree diff的时候，每一层组件的对比叫component diff；如果对比前后，组件的类型相同，则暂时认为此组件不需要被更新；如果组件类型不同，则需要更新，移除旧组件，创建新组件，并追加到页面上。

元素对比，即element diff：组件对比的时候，如果两个组件类型相同，则需要进行元素级别的对比，叫做element diff；

总结：diif算法指的是dom生成过程中，首先会根据数据模型缓存生成虚拟dom，当数据被更新时，会将虚拟dom原有的数据模型与更新后的数据模型对比，旧的复用，新的创建。简单地说，就是找不同。

diif算法过程解析如下：

数据修改：指的是渲染到组件上的数据发生变化，也就是data属性内的数据更新，这种情况常见是组件之间通信/传递数据、当前组件本身的data数据状态被改变等，如下图：