是一个父组件给子组件传递数据的作用。
比如一个父组件使用多个子组件,但是每个子组件里面的数据是不一样的,那么就不能在子组件里给数据写死了,因此可以父组件给子组件传递变量名,比如name,age这些,
方法一:然后子组件通过props这个配置项进行接受,props:["name","age"],然后子组件中使用父组件传过来的{{name}}.父组件在使用子组件的时候可以给每个子组件自行添加不同的数据 name="a" age=“b” 提醒:age因为是数值型,但这种传递只会转成字符串,因此在age前面加上:绑定,可以解决,因为“绑定可以对分号里面当成一个表达式计算.
方法二:如果你想对子组件收到的数据进行类型限制的话,可以在props加上条件对其进行类型限制,如props:[name:String,age:Number],如果收到的不是该类型就会报错提醒。
方法三:还有一种传法,就是props{}里面还是对象,如name:{type:String,required:true}表示限制类型,且必须传 age:{type:Number, defalt:99} 表示限制类型,可传可不传,如果不传,就是默认值为99
注意:props是不要去修改,如果要去修改,则自己创建一个data数据如MyName:this.name,然后再去修改
props优先级更高一些