如何在 Nuxt.js 中使用 <keep-alive>？

Question

我在 Nuxt.js 项目中使用 Video.js，但是当我更改应用程序的视图时，我不希望视频从头开始。因此，最好在标签上使用标签。

Answer 1

布局/default.vue

<template>
  <nuxt keep-alive/>
</template>

参考：

• https://github.com/nuxt/nuxt.js/tree/dev/examples/with-keep-alive
• https://github.com/nuxt/nuxt.js/releases/tag/v1.2.0
• https://nuxtjs.org/api/components-nuxt-child/

Answer 2

对于那些想要通过 props 来保持活动状态的人来说，这样的事情应该可以解决问题：

<template>
    <nuxt keep-alive :keep-alive-props="{include: ['name_of_component']}" />
</template>