Vue之组件参数校验与非props特性

子组件对父组件传递数据的校验:

何为校验:就是对父组件传递的数据进行一定的限制。比如我子组件只接收字符串类型数据。其他不要等等。

(如果数据类型不符合。Vue会在控制台抛出警告。)

一下是数据可以为数字类型或者字符串类型的写法。以数组的形式:

数据类型的其他写法。放要求数据必须传过来时:content写成对象形式:required 为true表示必传

子组件可以设置默认值(没接收到这个参数时显示):在 content 中添加 default :‘xxx’属性,默认值为字符串xxx

字符串长度校验器:当字符串长度小于5的时候,控制台会抛出警告。

 props特性:

1,父组件像子组件传值。标签添加属性。在网页中是不显示这个属性。

2,父组件传递的值。子组件接收了。相对应的可以用htis查找和插值表达式({{ }}表示

非props特性:

1,子组件没接收(没有申明props)就去使用,会报错。

2,父组件传值。子组件没接收。子组件的标签会显示这个属性

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值