路由懒加载
- 也叫延迟加载，即在需要的时候进行加载，随用随加载。
- 解决首次进入页面时，加载时间过长的问题。
- 路由懒加载 - 打包后，会新增与路由数量匹配的
.js文件。在切到相应路由是，动态加载对应的.js文件。
三种懒加载路由的方式
// 路由懒加载（把组件按组分块）
component: () => import('@/views/Referrals/Referrals'),
// 异步组件技术
component: (resolve) => require(['@/views/Referrals/Referrals'], resolve),
// webpack提供的require.ensure
component: r => require.ensure([], () => r(require('@/views/Referrals/Referrals')), 'index'),
简单解释一下this.$router和this.$route的区别
// this.$router
包含我们创建的所有路由信息
// this.$route
表示当前页面的路由相关信息
