配置项 props
功能:让组件接受外部传过来的数据。
-
传递数据:
<Demo name="码农权"/>
-
接受数据:
-
第一种方式(只接受):
-
props: ['name']
-
-
第二种方式(限制类型)
-
props: { name: String }
-
-
第三种方式(限制类型、限制必要性、指定默认值)
-
props: { type: String, required: true, // 限制必要性 //default: '码农权' // 制定默认值 }
-
-
总结:props是只读的,Vue底层会检测你对props的修改,如果进行就该了,就会触发警告,若业务需求确实需要修改数据,那么就复制一份props的内容到data中一份,然后去改data中的数据。