keep-alive [Vue.js]

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 [公式]