key也可以用于强制替换元素/组件而不是重复使用它。当你遇到如下场景时它可能会很有用:
- 完整地触发组件的生命周期钩子
- 触发过渡
例如:
<transition>
<span :key="text">{{ text }}</span>
</transition>
当 text
发生改变时,<span>
会随时被更新,因此会触发过渡。
key也可以用于强制替换元素/组件而不是重复使用它。当你遇到如下场景时它可能会很有用:
例如:
<transition>
<span :key="text">{{ text }}</span>
</transition>
当 text
发生改变时,<span>
会随时被更新,因此会触发过渡。