功能:让组件接收外部传过来的数据
1)传递数据
<Student studentName="wyq" :studentAge="144+1"></Student>
2)接收数据
```html
//方法一 简单接收
props:['studentName','studentAge']
//方法二 限制类型
props:{
studentName:String,
studentAge:Number
}
//方法三 限制类型、限制必要性、指定默认值
props:{
studentName:{
type:String,
required:true,//是必要的
},
studentAge:{
default:18,//默认值
}
}
PS:props是只读的,Vue底层会检测到对props的修改,如果进行了修改,就会发生警告。若业务需求是需要修改,那么就复制props的内容到data中一份,然后去修改data中的数据。