说一下虚拟DOM和DIFF算法的关系，其中key的作用是什么？

【概念释义】

虚拟 DOM 是 JS 对象描述真实 DOM 树，更新时先在新旧 vnode 上 diff 算最小变更，再 patch 到真实 DOM，减少直接操作 DOM 次数。key 在同级列表 diff 中标识节点身份，使算法能复用节点而非错误移动或重建，避免状态错乱。

【基础使用】

<ul>
  <li v-for="item in list" :key="item.id">{{ item.text }}</li>
</ul>

流程：render → vnode 树 → 数据变 → 新 vnode → patch(old, new) → 更新 DOM。