#异步组件与懒加载

import { defineAsyncComponent } from 'vue'

const AsyncView = defineAsyncComponent({
  // 加载函数
  loader: () => import('./View.vue'),
  // 加载中组件
  loadingComponent: Loader,
  // 错误组件
  errorComponent: ErrorView,
  // 展示 loadingComponent 前的延迟 (默认 200ms)
  delay: 200,
  // 超时时间
  timeout: 10000,
  // 错误处理，支持重试
  onError(err, retry, fail, attempts) {
    if (attempts < 3) retry()
    else fail()
  }
})

const routes = [
  {
    path: '/about',
    component: () => import('./About.vue') // Webpack/Vite 自动代码分割
  }
]