更新時間:2022-09-07 來源:黑馬程序員 瀏覽量:
props驗證指的是在封裝組件時對外界傳遞過來的props 數據進行合法性的校驗,從而防止數據不合法的問題。但使用數組類型的props節(jié)點有一個缺點,既無法為每個prop指定具體的數據類型。
1.對象類型的props節(jié)點
使用對象類型的props 節(jié)點,可以對每個prop 進行數據類型的校驗,示意圖如下:
2.props 驗證
對象類型的props 節(jié)點提供了多種數據驗證方案,例如基礎的類型檢查,多個可能的類型,必填項校驗,屬性默認值,自定義驗證函數。props驗證基礎的類型檢查,可以直接為組件的prop 屬性指定基礎的校驗類型,從而防止組件的使用者為其綁定錯誤類型的數據:
多個可能的類型,如果某個prop 屬性值的類型不唯一,此時可以通過數組的形式,為其指定多個可能的類型,示例代碼如下:
如果組件的某個prop 屬性是必填項,必須讓組件的使用者為其傳遞屬性的值。此時,可以通過如下的方式將其設置為必填項:
在封裝組件時,可以為某個prop 屬性指定默認值。示例代碼如下:
在封裝組件時,可以為prop 屬性指定自定義的驗證函數,從而對prop 屬性的值進行更加精確的控制: