props
-
让组件接收外部传过来的数据
-
传递数据
-
接收数据:
- 第一种方式(只接收):props:[‘name’]
- 第二种方式(限制类型):props:{name:String,},或者props:{name:[String,Number]}
- 第三种方式(限制类型、显示必要性、指定默认值):
- type:String Number Boolean Array Object Date Function Symbol
props:{ name:{ tpye:String, //类型 required:true, //必要性 default:'老王'/默认值 validator(value){return true/false} //自定义的验证规则 value指的是name传递过来的值 } }
-
注意:props是制度的,Vue底层回监测你对props的修改,如果进行了修改,就会发出警告,若业务需求确实要修改,那么复制props的内容到data中一份,然后去修改data中的数据
-
父组件传递 prop 给子组件的时候直接写名,不给值,相当于传递一个布尔值 值为true 相当于