function callHook(vm, hook) { // 当前vm实例 和 生命周期函数名称
    pushTarget(); 
    var handlers = vm.$options[hook]; // 获取钩子函数数组，注意 已经是数组了
    var info = hook + " hook";
    if (handlers) {
      handlers.forEach(handler => { // 遍历钩子数组，执行每一个钩子
        invokeWithErrorHandling(handler, vm, null, vm, info);
      })
    }
    //当前组件注册有hookEvent，调用emit派发'hook:' + hook这个事件
    if (vm._hasHookEvent) vm.$emit('hook:' + hook)
    popTarget();
  }

function initMixin (Vue) { // initMixin函数执行，会给Vue的原型添加_init方法
    Vue.prototype._init = function (options) {
        var vm = this;
        vm._uid = uid$3++;
        vm._isVue = true; // _isVue是Vue实例的标识，区别于普通的对象，避免被观测 
        if (options && options._isComponent) { //_isComponent表明是内部子组件
        initInternalComponent(vm, options) // 主要为vm.$options添加一些属性
        } else { //当前Vue实例不是组件，调用mergeOptions方法，将vm的构造器的options(合并了父级构造器的options)，和当前实例化时接收的options合并。传入的当前vm实例。
        vm.$options = mergeOptions(resolveConstructorOptions(vm.constructor), options || {}, vm)
        }
        initProxy(vm) //指定渲染函数的执行上下文为vm的proxy代理，通过拦截函数提供友好的开发提示
        vm._self = vm; // vm._self指向当前vm实例自己
        initLifecycle(vm); // 初始化生命周期相关的属性
        initEvents(vm); // 初始化事件相关的属性
        initRender(vm); // 渲染的初始化
        callHook(vm, 'beforeCreate') // 调用beforeCreate的钩子函数
        initInjections(vm); // 在data/props前初始化inject
        initState(vm); // 初始化data、props、computed、watcher等等
        initProvide(vm); // 在data/props后初始化 provide
        callHook(vm, 'created');
        // 执行完所有初始化后，开始挂载实例到DOM上，实例化组件构造器时，如果传了el，调用$mount开启模版编译和挂载，如果没有传，则需要用户手动调用vm.$mount，否则不会进入下一生命周期流程
        if (vm.$options.el) vm.$mount(vm.$options.el);
    };
}

function mountComponent (vm, el, hydrating) { // vm是组件实例，el是DOM挂载点
    vm.$el = el 
    if (!vm.$options.render) { 
      vm.$options.render = createEmptyVNode
      if ((vm.$options.template && vm.$options.template.charAt(0) !== '#') || vm.$options.el || el) {
        warn('你在使用运行时版本的Vue，无法编译模板，请把模版预编译成渲染函数，或使用有编译器的版本', vm)
      } else {
        warn('挂载组件失败：模版和render函数未定义', vm)
      }
    }
    callHook(vm, 'beforeMount') // 挂载前调用beforeMount钩子
    const updateComponent = () => { 
      vm._update(vm._render(), hydrating)
    }
    new Watcher(vm, updateComponent, noop, { // 创建渲染函数的watcher，cb回调传noop
      before() {
        if (vm._isMounted && !vm._isDestroyed) callHook(vm, 'beforeUpdate')
      }
    }, true /*只有渲染函数的watcher才传真*/)
    hydrating = false
   
    if (vm.$vnode == null) { // 如果vm.$vnode为空，说明当前实例没有父级vnode，是根实例
      vm._isMounted = true // 添加_isMounted属性 值为true，标识根实例挂载完成
      callHook(vm, 'mounted') // 调用mounted钩子
    }
    return vm
  }

function invokeInsertHook (vnode, queue, initial) {
    // delay insert hooks for component root nodes, invoke them after the
    // element is really inserted
    if (isTrue(initial) && isDef(vnode.parent)) {
    vnode.parent.data.pendingInsert = queue;
    } else {
    for (var i = 0; i < queue.length; ++i) {
        queue[i].data.hook.insert(queue[i]);
    }
    }
}

insert (vnode: MountedComponentVNode) {
    const { context, componentInstance } = vnode
    if (!componentInstance._isMounted) {
      componentInstance._isMounted = true
      callHook(componentInstance, 'mounted')
    }
    // ...
  },