uniapp 如何开启预加载

UniApp 是一个基于 Vue.js 的跨平台框架，它允许开发者构建一次代码，发布到多个平台。在 UniApp 中，预加载功能可以通过 Vue 的动态路由特性来实现。以下是启用预加载的基本步骤：

1. 安装依赖：首先确保已安装了必要的 Vue Router 插件，可以使用 `vue-router` 或者 `uni-app-router`。

2. 配置路由：在项目中配置路由时，可以在需要预加载的页面上设置 `meta` 属性，如：

{
  path: '/your-page',
  name: 'YourPage',
  component: () => import('@/pages/YourPage.vue'),
  meta: { preLoad: true } // 设置预加载标志
}

3. 路由守卫：你可以使用导航守卫（`beforeEach`）来主动触发预加载。在守卫里检查当前路径是否设置了 `preLoad`，然后使用 `this.$router.app.$preload()` 方法来预加载目标组件。

4. 使用 `$preload`：在导航完成后或特定场景（如用户切换页面前），调用 `this.$router.app.$preload()` 来预加载指定的页面。

5. 检查兼容：确保你的 UniApp 版本支持预加载功能，旧版本可能需要更新至最新版才能正常使用。