Vue 中当 key 值变化时会发生什么？请说明其作用原理与典型应用场景。

回答思路

1. 说明 key 在虚拟 DOM 渲染中的唯一标识作用
2. 解释 key 变化触发组件或元素重新创建而非复用
3. 结合 VNode diff 过程说明 key 优化复用策略
4. 举例说明不适合使用 index 作为 key 的场景