什么是 prop、props 校验

发布时间 2023-10-09 17:11:13作者: 嘎嘎鸭2

prop:组件上注册的一些自定义属性

prop 作用:向子组件传递数据

prop 特点:可以传递任意数量、任意类型的 prop 

 

props 校验

作用:为组件的 prop 指定验证要求,不符合要求,控制台就会有错误提示

语法:1.类型校验  2.非空校验  3.默认值  4.自定义校验

 

1. 类型校验:

语法:

props : {

      校验的属性名:类型

}

eg:

原来的:props : [ 'age' ]

升级后的:

props : {

      age : Number     // Number : 类型要求(类似的还有 String、Boolean、Array、Object、Function、Number)

}

 

2. 类型校验、非空校验、默认值、自定义校验 一起:

props : {

      校验的属性名 : {

            type : 类型,   // Number、String、Boolean ......

            required : true,  // 是否必填

            default : 默认值,  // 默认值

            validator (value) {   // value 就是从父组件传过来的值

                   // 自定义校验逻辑

                   return  是否通过校验   // (true or fasle)

            }

      }

}