1. 程式人生 > >vue key 的另外一個用法 過度

vue key 的另外一個用法 過度

生命 過渡 nbsp mil sof 過度 pre 周期 使用

key也可以用於強制替換元素/組件而不是重復使用它。當你遇到如下場景時它可能會很有用:

  • 完整地觸發組件的生命周期鉤子
  • 觸發過渡

例如:

<transition>
  <span :key="text">{{ text }}</span>
</transition>

text 發生改變時,<span> 會隨時被更新,因此會觸發過渡。

vue key 的另外一個用法 過度