有时候打包时,js文件会非常大,我们可以利用路由的懒加载去优化这个问题,当我们用到某个路由后,才去加载对应的组件,这样就会更加高效,实现代码如下:
import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)
export default new Router({
routes: [
{
path: '/',
component: resolve => require(['components/Hello.vue'], resolve)
//这里加载了 记得上面就不需要在import 这个组件了
},
{
path: '/about',
component: resolve => require(['components/About.vue'], resolve)
}
]
})