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