【Vue】理解Vue源码系列（七）

通过createComponent我们得到了组件vnode，接着会执行_update函数，_update的核心又是通过执行patch来完成的，patch是通过createElm来实现的，我们来看其中的逻辑。

function createElm (
  vnode,
  insertedVnodeQueue,
  parentElm,
  refElm,
  nested,
  ownerArray,
  index
) {
   
  // ...
  if (createComponent(vnode, insertedVnodeQueue, parentElm, refElm)) {
   
    return
  }
  // ...
}

在createElm函数中，判断了是否为组件，如果是就直接返回，来看createComponent中的逻辑。

function createComponent (vnode, insertedVnodeQueue, parentElm, refElm) {
   
  let i = vnode.data
  if (isDef(i)) {
   
    const isReactivated = isDef(vnode.componentInstance) && i.keepAlive
    if (isDef(i = i