Function updateChildComponent

vue.js:4192–4272

(
        vm,// 虚拟dom vonde
        propsData, //props 数据属性
        listeners, //事件
        parentVnode, //父亲 虚拟dom vonde
        renderChildren)

    //更新子组件 循环props 把他们添加到观察者中 ，更新事件
    function updateChildComponent(
        vm,// 虚拟dom vonde
        propsData, //props 数据属性
        listeners, //事件
        parentVnode, //父亲 虚拟dom vonde
        renderChildren) { //子节点
        {
            isUpdatingChildComponent = true; //标志 是否已经更新过了子组件
        }


        // determine whether component has slot children 确定组件是否有槽子组件
        // we need to do this before overwriting $options._renderChildren 在覆盖$options._renderChildren之前，我们需要这样做
        //
        var hasChildren = !!(
            renderChildren ||               // has new static slots  是否有新的静态插槽
            vm.$options._renderChildren ||  // has old static slots  是否有旧的 静态插槽
            parentVnode.data.scopedSlots || // has new scoped slots  是否有范围插槽
            vm.$scopedSlots !== emptyObject // has old scoped slots  是否有旧的范围插槽 emptyObject 是一个空的对象
        );

        vm.$options._parentVnode = parentVnode; //父亲 虚拟dom vonde
        vm.$vnode = parentVnode; // update vm's placeholder node without re-render 无需重新渲染即可更新vm的占位符节点

        if (vm._vnode) { // update child tree's parent 更新子树的父树
            vm._vnode.parent = parentVnode;
        }
        vm.$options._renderChildren = renderChildren; //子节点

        // update $attrs and $listeners hash
        // these are also reactive so they may trigger child update if the child
        // used them during render
        //更新$attrs和$listener散列
        //它们也是反应性的，因此如果子进程更新，它们可能触发子进程更新
        //渲染时使用它们
        vm.$attrs = parentVnode.data.attrs || emptyObject; //虚拟dom的属性
        vm.$listeners = listeners || emptyObject; //虚拟dom的 事件

        // update props  更新props 属性
        if (propsData && vm.$options.props) {
            toggleObserving(false); // 标志是否禁止还是添加到观察者模式
            var props = vm._props;  //获取属性对象
            var propKeys = vm.$options._propKeys || []; //获取属性的prop的key
            for (var i = 0; i < propKeys.length; i++) { //循环props属性
                var key = propKeys[i]; //获取props 单个 属性的key
                var propOptions = vm.$options.props; // wtf flow?
                /*
                 验证支柱  验证 prosp 是否是规范数据 并且为props 添加 value.__ob__  属性，把prosp添加到观察者中
                 *  校验 props 参数 就是组建 定义的props 类型数据，校验类型
                 *
                 * 判断prop.type的类型是不是Boolean或者String，如果不是他们两类型，调用getPropDefaultValue获取默认值并且把value添加到观察者模式中
                 */
                props[key] = validateProp(key, propOptions, propsData, vm);
            }
            toggleObserving(true);

            // keep a copy of raw propsData
            //保留原始propsData的副本