vue---props属性

2020-05-14  本文已影响0人  八月飞花

props属性

props是获取父组件传入子组件的数据的指定的模块,可以对数据设置
初始值,指定数据是否为必须的,对数据的类型进行验证

书写方式

数组的形式
  props:['属性名','属性名']
字符串,适合传入单个值
  props:'属性名'
 对象形式
  props:{
    属性名:{
      type:String|Bumber|Boolean|undefined|null|Object,
      require:true,//指定是否为必须
      default:初始值,//如果没有传入值时默认是初始值
      validator:function(value){
        return 布尔值
      }
      
    }
  }

type

类型可以是基础类型
Number,String,Boolean,undefined,null
引用数据类型
  Date,Array,Object,Function

validator

validator是对传入的数据进行检查,如果检查出问题,会产生报
错,这个检查会一直对传入的数据进行验证,如果返回false则
验证失败,否则就验证成功

validator:function(value){
  return /\d/.test(value)//如果验证的值为真,则成功,否则就失败
}

注意

类型检查的时候,不能够使用data中的数据和computed中的数据
上一篇 下一篇

猜你喜欢

热点阅读