一、是什么
路由:即url,vue中一个url对应一个组件
懒加载:用到时,再加载
二、为什么有
前端发展到了单页面富应用(SPA)阶段(整个网站只有一个html+css+js)
当打包构建应用时,js包会变得特别大,影响页面加载
可以把不同路由对应的组件分割成不同代码块,当路由被访问时才加载对应组件
三、作用
将路由对应的组件打包成一个个js代码块
路由被访问到时,才加载对应组件
四、懒加载方式
在ES6中,使用箭头函数组织Vue异步组件和Webpack代码分割
const Home = () => import('../components/Home')
五、路由懒加载效果
懒加载方式