組件prop檢驗

Vue.js中的父子組件相信都已是你們很經常使用到的功能了，

父組件經過props屬性向子組件傳值
子組件經過自定義事件向父組件傳值

 

那麼咱們怎麼去校驗props屬性中的類型呢

筆者列出如下幾種方法：

1：直接檢測

若是將 string 換成Number 那麼在控制檯是會報錯的

 

2： 數組的方式

一樣若是不是相應的類型便會在控制檯報錯

 

3：對象的方法

首先若是required爲false，那麼content不傳遞也不要緊，若是爲true，則就會和type中的類型進行匹配，若不是type中的類型便會在控制檯報錯

 

4：運用 validator 方法

validator 方法感受是一個很強大的方法了，咱們不單單是能夠對content進行類型檢測了，能夠進行更加複雜的操做