vue3 如何配置路由懒加载

在 Vue3 中配置路由懒加载需要进行以下步骤：

1. 在项目根目录下使用以下命令安装 `@vue/cli-plugin-babel` 和 `@vue/cli-plugin-router`：

npm install @vue/cli-plugin-babel @vue/cli-plugin-router --save-dev

2. 安装完成后，在项目根目录下使用以下命令添加路由懒加载插件：

vue add router

3. 在路由配置文件中使用 `import` 方法进行路由懒加载，例如：

const Foo = () => import(/* webpackChunkName: "foo" */ './Foo.vue')

在上面的代码中，`Foo` 组件将会被异步加载。`webpackChunkName` 是一个可选的参数，用于指定打包后的文件名。

4. 在路由配置中将组件属性设置为函数，例如：

{
  path: '/foo',
  component: Foo
}

这样就完成了路由懒加载的配置。需要注意的是，使用路由懒加载需要使用 webpack 2+ 和 ES6 的动态 import 特性。如果需要更加详细的配置信息，可以参考 Vue Router 的官方文档。