uniapp 微信小程序懒加载

uniApp 的微信小程序支持懒加载（Lazy Loading）功能，这是一种优化用户体验的技术，用于延迟非关键页面或资源的加载，直到用户真正需要它们时才开始。在uniApp中，可以利用其组件动态渲染和路由机制来实现懒加载：

1. **路由懒加载**：uniApp 提供了 `AsyncRouter` 对象，允许你将某些页面标记为“懒加载”。当从导航堆栈中访问这些页面时，它们不会立即加载，而是在用户实际进入时异步请求。

const asyncRouter = [
  {
    path: '/lazy',
    component: () => import('@/pages/lazy/LazyPage.vue'),
    meta: { isLazy: true },
  }
];

在这个例子中，`/lazy` 路由下的页面会在首次导航时延迟加载。

2. **组件懒加载**：对于单个组件，也可以通过 Vue 的动态导入 (`import()` 函数) 来实现懒加载。例如，在一个列表场景中，只在用户滚动到特定位置时加载更多数据。

data() {
  return {
    loadingMore: false,
    items: [],
  };
},
async onLoad() {
  this.items = await this.fetchData();
},
onScrollBottom() {
  if (!this.loadingMore && this.hasMore()) {
    this.loadingMore = true;
    const newItems = await this.fetchMoreData();
    this.items.push(...newItems);
    this.loadingMore = false;
  }
}