Day25 非动态组件 Async Components

当在大型专案中,可以将其分成小块,当有需要用到组件时才从服务器下载,Vue只会在组件需要渲染时才会触发工厂函数,并缓存结果以备再次的渲染

非动态组件定义

• 工厂函数
• promise

工厂函数
依回传的结果可以分成

• Resolve : 成功
• Reject(reason) : 失败可回传原因
  并依照回传的结果作相对应的动作,透过app.component注册到实体中
  
  在1000毫秒後页面将会得到组件进行渲染

Promise
在这个component中会回传一个promise函式,可以依照回传的结果是resolve(成功)或reject(失败)来进行设定的动作

处理加载状态
工厂函数可以返回以下格式

参考资料: https://vuejs.org/v2/guide/components-dynamic-async.html#Async-Components