异步组件是为了解决加载性能问题,没必要一次性把所有组件都加载完,Vue允许将组件定义为一个工厂函数,函数异步解析组件,组件需要被渲染是才出发该工厂函数,将结果缓存供以后重新渲染。
- 什么是工厂函数?
它是一个函数; 用来创建对象; 像工厂一样,生产出来的函数都是拥有同样属性的。
当一个函数返回一个对象时,称之为工厂函数
[https://www.cnblogs.com/andyZhang0511/p/11475725.html]
- ES5表示一个异步组件:
Vue.component('async-webpack-wxample',
//import 函数返回一个Promise对象
() => import('./my-async-component')
)
new Vue({
components:{
'my-component': ()=>import('./my-async-component')
}
})
[https://blog.csdn.net/weixin_39975379/article/details/93179282]