二十四、props配置项

（一）作用

• 让组件接收外部传过来的数据

（二）传递数据

<Demo name="xxx" />

（三）接收数据

1.方式一：只接收

props: ["name"];

2.方式二：限制类型

props: {
  name: String;
}

3.方式三：限制类型、限制必要性、指定默认值

props: {
	name: {
		type: String, //类型
		required: true, //必要性
		default: '张三' //默认值
	}
}

（四）备注

• props 是只读的
• Vue 底层会监测你对 props 的修改，如果进行了修改，就会发出警告
• 若有需求确实需要修改，请复制 props 内容到 data 中新定义的属性，然后修改 data 中的数据