美文网首页
vue---props属性

vue---props属性

作者: 八月飞花 | 来源:发表于2020-05-14 23:03 被阅读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中的数据
    

    相关文章

      网友评论

          本文标题:vue---props属性

          本文链接:https://www.haomeiwen.com/subject/gslfohtx.html