组件prop检验

Vue.js中的父子组件相信都已是你们很经常使用到的功能了，

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

 

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

笔者列出如下几种方法：

1：直接检测

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

 

2： 数组的方式

一样若是不是相应的类型便会在控制台报错

 

3：对象的方法

首先若是required为false，那么content不传递也不要紧，若是为true，则就会和type中的类型进行匹配，若不是type中的类型便会在控制台报错

 

4：运用 validator 方法

validator 方法感受是一个很强大的方法了，咱们不单单是能够对content进行类型检测了，能够进行更加复杂的操做