Day23 Vue 认识Porps(2)

我们在使用props时有时会需要特别对传进来的资料做检查所以通常我们就会用以下几个资料类型来做验证:

• String
• Number
• Boolean
• Array
• Object
• Date
• Function
• Symbol

我们在这使用type的属性对props传递的资料做检查，大致可以写成这样。

我们检查的属性可以不只一个喔!

props的预设值

为甚麽要设预设值呢，就是为了避免props回传直时没有资料，要是没有资料画面看起来不就空空的。现在我们只要加上default属性就可以有预设值了。

自订props验证规则

前面我们知道我们可以透过type属性来检查props传递回来的资料但是现在我想对资料做更多的验证时我们就可以用到validator来达到我们的目的。

现在要是我们props近来的资料不符合我们的规则时我们就可以在console里看到错误!!!

今天就先到这了，明天见~