>[danger]Vue-router中如何实现懒加载? * 在**路由配置文件**中**使用[动态导入import()语句](https://www.kancloud.cn/hanxuming/interview/3153556),并用箭头函数返回**实现路由懒加载。 * 配合的是**babel**中`@babel/plugin-syntax-dynamic-import`插件:用于转换动态导入(Dynamic import)语法。此插件已在 [Vue-cli中提供的 Babel 插件:@vue/cli-plugin-babel](https://www.kancloud.cn/hanxuming/interview/3153816)里面内置。 示例: ![](https://img.kancloud.cn/b2/3b/b23bb699814e2f092bf9d9a9f25fdb9c_1444x1472.png) >参考链接 * [官网:路由懒加载](https://router.vuejs.org/zh/guide/advanced/lazy-loading.html#%E8%B7%AF%E7%94%B1%E6%87%92%E5%8A%A0%E8%BD%BD) * [动态导入import()语句](https://www.kancloud.cn/hanxuming/interview/3153556) * [Vue-cli中提供的 Babel 插件:@vue/cli-plugin-babel](https://www.kancloud.cn/hanxuming/interview/3153816)