功能:让组件接收外部传过来的数据
(1)传递数据:
<Demo name="xxx">
(2)接收数据:
第一种方式(只接收):
props: ['name']
第二种方式(限制类型):
props: {
name:String
}
第三种方式(限制类型、限制必要性、指定默认值):
props: {
name: {
type:String,
required: true,
default: ''
}
}
备注:props是只读的,Vue底层会监测你对props的修改,如果进行了修改,就会发出警告,若业务需求确实需要修改,那么请复制props内的内容到data中,然后修改data中的数据