uniapp nvue页面如何缓存组件，实现Keepalive

在 nvue 页面中，可以通过使用 `uni.vueComponent` API 来实现组件缓存，进而实现 Keepalive 功能。

具体而言，可以通过以下步骤来实现：

1. 在所需缓存的组件中，添加 `keep-alive` 属性，如下所示：

<template>
  <div>
    <keep-alive>
      <my-component></my-component>
    </keep-alive>
  </div>
</template>

2. 在 nvue 页面的 `onLoad` 生命周期中，使用 `uni.vueComponent` API 来注册组件，如下所示：

onLoad() {
  uni.vueComponent('my-component', {
    template: '<view>My Component</view>',
    created() {
      console.log('My Component created')
    },
    destroyed() {
      console.log('My Component destroyed')
    }
  })
}

3. 在 nvue 页面中，使用注册的组件，如下所示：

<template>
  <div>
    <my-component></my-component>
  </div>
</template>

这样，当 nvue 页面切换时，被缓存的组件会被保留在内存中，以便后续快速访问和渲染。

需要注意的是，使用 `uni.vueComponent` API 注册组件时，需要手动管理组件的生命周期，以便在组件销毁时做出相应的清理工作。