keep-alive

動的なコンポーネントが非アクティブからアクティブに切り替わった場合、通常コンポーネントは再生成されます。keep-alive の内のコンポーネントは、コンポーネントの動作が変更され、非アクティブになってもコンポーネントの状態を保持します。

<keep-alive>
  <component v-bind:is="currentTabComponent"></component>
</keep-alive>

参考:

動的コンポーネントにおける keep-alive の利用 – 動的 & 非同期コンポーネント — Vue.js

activated

参考:

activated – API — Vue.js [公式]

deactivated

参考:

deactivated – API — Vue.js [公式]

タグ:

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です