Function extractPropsFromVNodeData

vue.js:3165–3240

(
        data, //tag标签属性数据
        Ctor, //组件构造函数VueComponent
        tag //tag标签名称
    )

     *
     * */
    function extractPropsFromVNodeData(
        data, //tag标签属性数据
        Ctor, //组件构造函数VueComponent
        tag //tag标签名称
    ) {
        // we are only extracting raw values here.
        // validation and default values are handled in the child
        // component itself.
        //我们只是在这里提取原始值。
        //验证和默认值在孩子中被处理
        //组件本身。

        //获取Ctor 参数中的 props
        var propOptions = Ctor.options.props; //获取组件的props属性
        console.log(Ctor.options)

        //如果propOptions 属性是空或者不存在 这不执行下面代码
        if (isUndef(propOptions)) {
            return
        }


        var res = {};
        var attrs = data.attrs;
        var props = data.props;

        //如果data中的属性attrs或者props 属性 数据存在
        if (isDef(attrs) || isDef(props)) {
            //遍历propOptions  props属性中的值
            for (var key in propOptions) {

                //altKey获取到一个函数，该函数功能是把 abCd 驼峰字母改写成 ab-c 如果是 aB cd 则是 ab cd
                //大写字母，加完减号又转成小写了 比如把驼峰 aBc 变成了 a-bc
                //匹配大写字母并且两面不是空白的 替换成 '-' + '字母' 在全部转换成小写

                var altKey = hyphenate(key);


                {
                    //把key 转换成小写
                    var keyInLowerCase = key.toLowerCase();
                    //如果他们key不相同 并且 属性attrs存在 并且keyInLowerCase 属性存在 attrs对象中
                    if (
                        key !== keyInLowerCase &&
                        attrs && hasOwn(attrs, keyInLowerCase)
                    ) {
                        //输出一个警告信息
                        tip(
                            "Prop \"" + keyInLowerCase + "\" is passed to component " +
                            (formatComponentName(tag || Ctor)) + ", but the declared prop name is" +
                            " \"" + key + "\". " +
                            "Note that HTML attributes are case-insensitive and camelCased " +
                            "props need to use their kebab-case equivalents when using in-DOM " +
                            "templates. You should probably use \"" + altKey + "\" instead of \"" + key + "\"."
                        );
                    }
                }
                //检查属性