1.7 理解虚拟DOM及key属性的作用

一、虚拟Dom

1. 简单说就是一个虚拟的树结构，每次更新都需要进行树的对比

   1. 移动

      1. 同层移动

   2. 删除新建

      1. 同层删除

      2. 下层新建

   3. 更新删除新建(无key)

      1. 更新节点

      2. 删除无用节点

      3. 新建节点

   4. 移动(有key)

      1. 通过key值进行移动

   5. 插入(有key)

      1. 通过key值确定位置后进行插入

二、Key属性

1. 用于确定Dom树的标识