什么是props驗(yàn)證？Vue組件的props驗(yàn)證

props驗(yàn)證指的是在封裝組件時(shí)對(duì)外界傳遞過(guò)來(lái)的props 數(shù)據(jù)進(jìn)行合法性的校驗(yàn)，從而防止數(shù)據(jù)不合法的問(wèn)題。但使用數(shù)組類型的props節(jié)點(diǎn)有一個(gè)缺點(diǎn)，既無(wú)法為每個(gè)prop指定具體的數(shù)據(jù)類型。

1.對(duì)象類型的props節(jié)點(diǎn)

使用對(duì)象類型的props 節(jié)點(diǎn)，可以對(duì)每個(gè)prop 進(jìn)行數(shù)據(jù)類型的校驗(yàn)，示意圖如下：

2.props 驗(yàn)證

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

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

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

在封裝組件時(shí)，可以為某個(gè)prop 屬性指定默認(rèn)值。示例代碼如下：

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