原理:
1. vue实现了一套虚拟dom,使我们可以不直接操作dom元素,只操作数据就可以重新渲染页面,而隐藏在背后的原理是高效的Diff算法
2. 当页面数据发生改变,Diff算法只会比较同一层级的节点
3. 如果节点类型不同,直接干掉前面的节点,再创建并添加新的节点,不会再比较这个节点后面的子节点
如果节点类型相同,则会重新设置该节点的属性,从而实现节点的更新
4. 使用key给每个节点做一个唯一标识,Diff算法就可以正确的识别此节点,"就地更新"找到正确的位置区插入新的节点
作用:
1. 高效的更新虚拟DOM,提高渲染的性能
2. 避免数据混乱的情况出现