Function FunctionalRenderContext

vue.js:5727–5816

(
        data, // vonde 虚拟dom的属性数据
        props,  //props 属性 包含值和key
        children, //子节点
        parent, //vm vue实例化，如果parent也组件 也可能是VueComponent 构造函数 实例化的对象
        Ctor  //VueComponent 构造函数
    )

     *
     * */
    function FunctionalRenderContext(
        data, // vonde 虚拟dom的属性数据
        props,  //props 属性 包含值和key
        children, //子节点
        parent, //vm vue实例化，如果parent也组件 也可能是VueComponent 构造函数 实例化的对象
        Ctor  //VueComponent 构造函数
    ) {
        console.log([
            data, // vonde 虚拟dom的属性数据
            props,  //props 属性
            children, //子节点
            parent, //vm
            Ctor  //VueComponent 构造函数
        ])

        var options = Ctor.options;
        // ensure the createElement function in functional components
        // gets a unique context - this is necessary for correct named slot check
        //确保函数组件中的createElement函数
        // 获取唯一上下文——这对于正确的命名槽检查是必要的
        var contextVm;
        console.log(hasOwn(parent, '_uid'))
        if (hasOwn(parent, '_uid')) { //判断这个组件是否是 new _init  过
            contextVm = Object.create(parent); //创建一个对象
            // $flow-disable-line  流禁用线
            contextVm._original = parent;
        } else {
            // the context vm passed in is a functional context as well.
            // in this case we want to make sure we are able to get a hold to the
            // real context instance.
            //传入的上下文vm也是一个功能上下文。
            //在这种情况下，我们想确定一下我们能否得到
            //真实的上下文实例。
            contextVm = parent;
            // $flow-disable-line
            parent = parent._original;
        }
        var isCompiled = isTrue(options._compiled); // 判断是否是模板编译
        var needNormalization = !isCompiled; //如果不是模板编译

        // data, // vonde 虚拟dom的数据
        //   props,  //props 属性
        //   children, //子节点
        //   parent, //vm
        //   Ctor  //VueComponent 构造函数

        this.data = data;     // vonde 虚拟dom的数据
        this.props = props;  //  props 属性
        this.children = children; //子节点
        this.parent = parent; //vm
        this.listeners = data.on || emptyObject; // 事件
        // inject 选项应该是一个字符串数组或一个对象，该对象的 key 代表了本地绑定的名称，value 为其 key (字符串或 Symbol) 以在可用的注入中搜索。
        this.injections = resolveInject(options.inject, parent);
        this.slots = function () { //插槽
            // 判断children 有没有分发式插槽 并且过滤掉空的插槽
            return resolveSlots(children, parent);
        };