[JavaScript知识库]【vue】Prop

Prop的大小写
        //定义组件参数
        props: {
            postTitle: String
        }
        //向组件传递参数
        <BlogPost :post-title="title"></BlogPost>
        postTitle和post-title等价

单向数据流
    子组件修改父组件传递的Prop参数的值 可以修改成功，但是会报错。
    子组件将父组件传递的Prop参数的值作为本地的值使用
        方式1 使用Prop参数值初始化
        data() {
            return {
                sonMsg:this.fatherMsg
            }
        }
        方式2 使用Prop参数值定义计算属性
        computed:{
            sonMsg() {
                return this.father;
            }
        }

prop验证
    type 类型检查
        String
        Number
        Boolean
        Array
        Object
        Date
        Function
        Symbol
    default 默认值
    require 需要参数

非Prop的Attribute
    替换/合并已有的标签属性
        从父组件向子组件传递的class，style属性会和子组件的已有的属性值合并，其他属性则会替换子组件的属性值。
    禁用Attribute继承
        子组件中定义inheritAttrs:false表示不接受组件上传来的标签属性。
        无论inheritAttrs为true或false，子组件通过$attrs就可获取组件上的全部标签属性。