路由懒加载
当我们写完代码进行打包的时候,我们会发现首页加载的时间长的过分,这是因为首页在加载所有路由的组件,就十分浪费时间,所以路由懒加载提供的思路便是将路由表进行切割,只有当这个路由被访问的时候才会去加载。
import('./foo.vue')
平时我们在路由文件中会把上面的引用写在最上面,意味着当文件进行编译时就会去加载组件,但是这样就会造成页面一次加载所有组件的问题,就会造成加载时间过长。
更改一下,把import写进router里面:
const router = [
{
path: '/user/ruby',
component: () => import('./user.vue')
}
]
这样子会在只有加载这个路由的时候才会加载组件,不会一次性就全部加载。