Vue学习笔记（四）

组件基础（下）

（一）props验证

目的：在封装组件时对外界传递过来的props数据进行合法性校验，防止数据不合法的问题

1.对象类型的props：不使用数组而是把props定义成对象，指定每个prop属性的类型，进行基础的数据类型的校验。数据类型有八种，String，Number，Boolean，Array，Object，Date，Function，Symbol(符号类型)eg：属性名: String,

2.多个可能的类型：将可能的类型写在数组里

eg：属性名: [String, Number]

3.必填项校验：使用者必须传递某一属性的值

方法：将props对象里面的具体prop属性再写成对象的形式，然后在里面定义type来进行类型验证，定义required: true 来设置必填

eg：props:{

属性名:{

type: [String, Number],

required: true

}

}

4.属性默认值：外界没有传递则使用默认值

方法：在具体的属性对象里添加default: 默认值

eg： 属性名:{

type: [String, Number],

required