当打包构建应用时,Javascript 包会变得非常大,影响页面加载速度。使用Vue路由懒加载和组件懒加载可以提升页面加载速度,减少白屏时间,提升用户体验。
用法有如下三种:(路由懒加载与组件懒加载用法相同)
1. Vue异步组件技术
import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)
export default new Router({
routes:[{
path:'/';
name:'home',
component:resolve=>(require(["@/components/Home"],resolve))
}]
})
2.ES提案的import()方法