功能:让组件能接收外部传入的数据
- 传输数据
<School name="xxx" age="xxx" />
- 接收数据
先配置全新配置项props
- 第一种: 简单接收
props:['name','age']
- 第二种:限制类型
props:{
name:String
age:number
}
- 第三种:全能限制
props{
name{
type:String ,
required:true,必要性
},
age{
type:number,
default:18,默认值
}
}
- 注意:props里面的数据是不能更改的,
- 倘若需要更改:要在data里面配置全新的数据去接收props里面的数据,然后更改data里面的数据
- 【myname=this.name】由于props的优先级高于data,所以data里面可以用到props的数据