1、作用:让组件接收外部传进来的数据
2、用法:
2.1、传值:
在父组件APP中
<Student name="张三" :age="18"/>
如果传值不是字符串数字,而是数字、变量、对象等等,则必须使用v-bind 代表==表达式 ==,而不是写死的值
2.2、接收数据:三种方式
第一种方式:只接收
props:['name','age']
第二种方式:限制类型
props:{
name:String,
age:Number
}
第三种方式:限制 类型、必要性、默认值(默认值和必要性,不要同时存在)
props:{
name:{
type:String,
required:true,
},
age:{
type:Number,
default:33
}
}
注意事项:
props是只读的,如果想要修改,会引起报错
如果确需修改,在data中定义接收一份,在修改