Vue-router教程六——路由懒加载

路由懒加载

当我们写完代码进行打包的时候，我们会发现首页加载的时间长的过分，这是因为首页在加载所有路由的组件，就十分浪费时间，所以路由懒加载提供的思路便是将路由表进行切割，只有当这个路由被访问的时候才会去加载。

import('./foo.vue')

平时我们在路由文件中会把上面的引用写在最上面，意味着当文件进行编译时就会去加载组件，但是这样就会造成页面一次加载所有组件的问题，就会造成加载时间过长。

更改一下，把import写进router里面：

const router = [
	{
		path: '/user/ruby',
		component: () => import('./user.vue')
	}
]

这样子会在只有加载这个路由的时候才会加载组件，不会一次性就全部加载。