diff 算法作用

Question

在 组件更新时，会形成新的 VNode，新旧VNode 进行比较 patch，通过 diff 算法找出更新的地方，然后执行对应的 DOM 操作

diff 的过程：

1. 比较两个节点是否是相同节点，通过 tag 和 key 判断，不是则直接删除，重新创建
2. 都是文本节点则跟新文本内容
3. 都是元素节点，则更新属性，然后更新子节点
   1. 如果新旧子节点都是数组的话，会进行更详细的 diff (双端 diff)
   2. 新旧节点为文本，则更新文本
   3. 新为文本，旧为数组则设置文本，清空数组
   4. 新为数组，旧为文本，则清除文本，创建数组中的子元素