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

Question

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

Answer 1

对于那些想要通过道具保持活力的人，应该采取以下措施：

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

Answer 2

布局/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/