组件prop检验

Vue.js中的父子组件相信都已经是大家很常用到的功能了,

父组件通过props属性向子组件传值
子组件通过自定义事件向父组件传值

那么我们怎么去校验props属性中的类型呢

笔者列出以下几种方法:

1:直接检测

如果将 string 换成Number 那么在控制台是会报错的

2: 数组的方式

同样如果不是相应的类型便会在控制台报错

3:对象的方法

首先如果required为false,那么content不传递也没关系,如果为true,则就会和type中的类型进行匹配,若不是type中的类型便会在控制台报错

4:运用 validator 方法

validator 方法感觉是一个很强大的方法了,我们不仅仅是可以对content进行类型检测了,可以进行更加复杂的操作

原文地址:https://www.cnblogs.com/mlw1814011067/p/10446485.html