前端性能优化-番外篇-动态路由和vue-router懒加载

官方资料：

https://router.vuejs.org/zh/guide/advanced/lazy-loading.html

路由懒加载和非懒加载的差别：

1、在项目中切换路由，明显可以看到，非懒加载只有在初次切换路由时加载所有的路由js文件，懒加载每次切换路由会加载新的js。（切换相同路由使用缓存不算）

2、打包项目后可见，非懒加载所有路由相关js都打包在0*.js文件中了，路由懒加载多出很多js，从原来0*.js文件中抽离出来，导致明显0*.js文件体积减小。

具体路由懒加载代码如下：

import homeRouter from './home'

let routerArray = [...homeRouter]

export default