// 組件 Object
{
 template: '<div>I am async!</div>'
}
// 經(jīng)過 compileToFunctions 得到對應的 render function 
with(this) {
 return _c('div', [_v("I am async!")])
}
// 在經(jīng)過 render 得到 Vnode 再 update 成為真實DOM

// 組件
Vue.component('example', {
 template: '<div>I am async!</div>'
})

// 異步組件
Vue.component('async-example', function (resolve, reject) {
 // 利用 setTimeout 模擬請求
 setTimeout(function () {
  // 向 `resolve` 回調(diào)傳遞組件定義
  resolve({
   template: '<div>I am async!</div>'
  })
 }, 1000)
})

// async component
let asyncFactory
if (isUndef(Ctor.cid)) {
 asyncFactory = Ctor
 Ctor = resolveAsyncComponent(asyncFactory, baseCtor, context)
 if (Ctor === undefined) {
  // return a placeholder node for async component, which is rendered
  // as a comment node but preserves all the raw information for the node.
  // the information will be used for async server-rendering and hydration.
  return createAsyncPlaceholder(
   asyncFactory,
   data,
   context,
   children,
   tag
  )
 }
}

function (resolve, reject) {
 // 利用 setTimeout 模擬請求
 setTimeout(function () {
  // 向 `resolve` 回調(diào)傳遞組件定義
  resolve({
   template: '<div>I am async!</div>'
  })
 }, 1000)
}

// factory 為 Ctor
factory(resolve, reject)

const resolve = once((res: Object | Class<Component>) => {
 // 緩存 resolved
 factory.resolved = ensureCtor(res, baseCtor)
 // 強制渲染
 if (!sync) {
 	forceRender(true)
 }
})

if (isDef(factory.resolved)) {
 return factory.resolved
}