vue-router学习笔记（路由懒加载）

1. 实现方式：Vue的异步组件+Webpack的代码分割

• 异步组件

const Foo = () => Promise.resolve({ /* 组件定义对象 */ })

• webpack

import('./Foo.vue') // 返回 Promise

• 定义被webpack自动分割代码的异步组件

const Foo = () => import('./Foo.vue')

• 把组件按组分块

某个路由下的所有组件都打包在同个异步块 (chunk) 中

2.使用问题