本文共 393 字，大约阅读时间需要 1 分钟。

一,前言

当一个项目中使用了大量组件时,在一开始就将所有组件都加在完成并不是一件必须的事情更何况这样做会影响应用的性能和用户体验,这是可以考虑使用动态组件对应用进行优化

二,动态组件

Vue允许将组件定义为一个工厂函数,在组件需要渲染时才触发工厂函数动态地解析组件而且,Vue能够将动态组件解析的结果进行缓存,用于组件再次渲染

为了模拟组价加载耗时,使用定时器进行耗时模拟工厂函数function (resolve, reject)接受一个resolve或reject(reason)回调异步组件可以通过ajax获取组件配置,然后调用resolve将请求的组件配置信息传入组件进行使用

三,结尾

本篇通过一个简单的例子,对异步组件进行介绍异步组件设计能使代码灵活性得到很大的增强使用webpack进行打包编译以及.vue单文件写法,能够更加方便的实现异步组件

转载地址：http://wjvfb.baihongyu.com/