教育行業(yè)A股IPO第一股（股票代碼 003032）

全國咨詢/投訴熱線：400-618-4000

什么是props驗證？Vue組件的props驗證

更新時間:2022年09月06日17時01分 來源:傳智教育 瀏覽次數(shù):

props驗證指的是在封裝組件時對外界傳遞過來的props 數(shù)據(jù)進行合法性的校驗，從而防止數(shù)據(jù)不合法的問題。但使用數(shù)組類型的props節(jié)點有一個缺點，既無法為每個prop指定具體的數(shù)據(jù)類型。

props

1.對象類型的props節(jié)點

使用對象類型的props 節(jié)點，可以對每個prop 進行數(shù)據(jù)類型的校驗，示意圖如下：

對象類型的props節(jié)點

2.props 驗證

對象類型的props 節(jié)點提供了多種數(shù)據(jù)驗證方案，例如基礎(chǔ)的類型檢查，多個可能的類型，必填項校驗，屬性默認值，自定義驗證函數(shù)。props驗證基礎(chǔ)的類型檢查，可以直接為組件的prop 屬性指定基礎(chǔ)的校驗類型，從而防止組件的使用者為其綁定錯誤類型的數(shù)據(jù)：

多個可能的類型，如果某個prop 屬性值的類型不唯一，此時可以通過數(shù)組的形式，為其指定多個可能的類型，示例代碼如下：

如果組件的某個prop 屬性是必填項，必須讓組件的使用者為其傳遞屬性的值。此時，可以通過如下的方式將其設(shè)置為必填項：

在封裝組件時，可以為某個prop 屬性指定默認值。示例代碼如下：
封裝組件

在封裝組件時，可以為prop 屬性指定自定義的驗證函數(shù)，從而對prop 屬性的值進行更加精確的控制：






0 分享到：
和我們在線交談！