功能:让组件接收外部传进来的数据(单向信息流,传进来的数据的修改无法传回父组件)
一:接收数据
1.普通接收
props:["name","age","sex"]
2.限制类型接收
props:{
age:Number
} 如果传进来不是数值类型会报警告,但是不会报错
3.声明式接收+默认值+是否必须传入
props{
name:{
type:String, //类型
required:true, //必要性
default:"老王" //默认值
}
}
二:传入数据
<Student name="lili" sex="女" :age="18"></Student>
注意1:不加冒号传入的是引号里面的字符串,加了引号传入的是引号里面的表达式。属性名不能用key 、ref等关键字
三:props是只读的,Vue底层会监测你对props的修改,如果进行了修改,就会发出警告,若业务需求确实需要修改,那么请复制props的内容到data中一份,然后去修改data中的数据。