Vue 路由懒加载
2019-12-23 本文已影响0人
九瀺
Vue 是单页面应用，可能会有很多的路由引入 ，这样使用 webpcak 打包后的文件很大，当进入首页时，加载的资源过多，页面会出现白屏的情况，不利于用户体验。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应的组件，这样就更加高效了。这样会大大提高首屏显示的速度，但是可能其他的页面的速度就会降下来。
路由懒加载：
constFoo = ()=>import('./Foo.vue')
constrouter = new VueRouter({
routes: [
{path:'/foo',component: Foo }
]
})
