function createComponentInstance (vnode, parent, suspense) {
  // 繼承父組件實例上的 appContext，如果是根組件，則直接從根 vnode 中取。
  const appContext = (parent ? parent.appContext : vnode.appContext) || emptyAppContext;
  const instance = {
    // 組件唯一 id
    uid: uid++,
    // 組件 vnode
    vnode,
    // 父組件實例
    parent,
    // app 上下文
    appContext,
    // vnode 節(jié)點類型
    type: vnode.type,
    // 根組件實例
    root: null,
    // 新的組件 vnode
    next: null,
    // 子節(jié)點 vnode
    subTree: null,
    // 帶副作用更新函數(shù)
    update: null,
    // 渲染函數(shù)
    render: null,
    // 渲染上下文代理
    proxy: null,
    // 帶有 with 區(qū)塊的渲染上下文代理
    withProxy: null,
    // 響應(yīng)式相關(guān)對象
    effects: null,
    // 依賴注入相關(guān)
    provides: parent ? parent.provides : Object.create(appContext.provides),
    // 渲染代理的屬性訪問緩存
    accessCache: null,
    // 渲染緩存
    renderCache: [],
    // 渲染上下文
    ctx: EMPTY_OBJ,
    // data 數(shù)據(jù)
    data: EMPTY_OBJ,
    // props 數(shù)據(jù)
    props: EMPTY_OBJ,
    // 普通屬性
    attrs: EMPTY_OBJ,
    // 插槽相關(guān)
    slots: EMPTY_OBJ,
    // 組件或者 DOM 的 ref 引用
    refs: EMPTY_OBJ,
    // setup 函數(shù)返回的響應(yīng)式結(jié)果
    setupState: EMPTY_OBJ,
    // setup 函數(shù)上下文數(shù)據(jù)
    setupContext: null,
    // 注冊的組件
    components: Object.create(appContext.components),
    // 注冊的指令
    directives: Object.create(appContext.directives),
    // suspense 相關(guān)
    suspense,
    // suspense 異步依賴
    asyncDep: null,
    // suspense 異步依賴是否都已處理
    asyncResolved: false,
    // 是否掛載
    isMounted: false,
    // 是否卸載
    isUnmounted: false,
    // 是否激活
    isDeactivated: false,
    // 生命周期，before create
    bc: null,
    // 生命周期，created
    c: null,
    // 生命周期，before mount
    bm: null,
    // 生命周期，mounted
    m: null,
    // 生命周期，before update
    bu: null,
    // 生命周期，updated
    u: null,
    // 生命周期，unmounted
    um: null,
    // 生命周期，before unmount
    bum: null,
    // 生命周期, deactivated
    da: null,
    // 生命周期 activated
    a: null,
    // 生命周期 render triggered
    rtg: null,
    // 生命周期 render tracked
    rtc: null,
    // 生命周期 error captured
    ec: null,
    // 派發(fā)事件方法
    emit: null
  }
  // 初始化渲染上下文
  instance.ctx = { _: instance }
  // 初始化根組件指針
  instance.root = parent ? parent.root : instance
  // 初始化派發(fā)事件方法
  instance.emit = emit.bind(null, instance)
  return instance
}

<template>
  <p>{{ msg }}</p>
</template>
<script>
export default {
  data() {
    msg: 1
  }
}
</script>