父子组件传值props
2020-02-09 本文已影响0人
O人心
父组件传值给子组件,子组件用props来接
1.简单语法
props:["size","iconClass"] //不限制数据类型
2.规定数据类型
3.type:(规定数据类型)
String:字符串
Number:数字
Boolean:布尔
Array::数组
Object:对象
Date:日期
Function:函数
Symbol:独一无二的值(Es6)
4.default(默认值)
基础数据类型:直接赋值
对象数据类型:用函数赋值 () = > []
5.required(必填项)
默认为false,说明父级必须传入数据,否则会报错
6.validator(校验)
验证传人的值是否符合规则
这个问题是:单向数据流,父级 -> 子级 不能反向修改
解决办法:使用watch监听
this.$emit("update:flag",false) 注意:回调时做逻辑处理的,就不能使用修饰器