美文网首页
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属性

    props属性 书写方式 type validator 注意

  • 成员属性、静态属性、私有属性、原型属性

    一、成员属性和成员方法在构造函数中,通过this.属性声明,或者实例化出对象后,通过“对象.属性”追加的,都属于成...

  • swift 属性(存储属性、计算属性、懒加载属性、类型属性)

    存储属性 存储属性:用于存储一个常量或变量 结构体实例赋值给常量,该实例属性不能被修改(因为结构体属于值类型,当值...

  • jQuery属性操作

    attr(属性名,属性值)操作所有属性 removeAttr(属性名) prop(属性名,属性...

  • 依赖属性|简单属性|附加属性

    依赖属性 简单理解就是属性,支持继承,比如 Window 有 Font 属性,Button 也有 Font 属性,...

  • attribpromote

    属性创建。 属性名称,属性类别,默认属性,输出属性。 属性转移,atteibutrename. 在点属性上,现有属...

  • 网站基本情况记录

    各类属性: 样例: //辅助属性:属性//可确定同表的属性:属性//其他相关属性:属性 乐器相关属性 乐器id乐器...

  • 人生三属性

    人生三属性:可分为善良属性,激情属性,愚昧属性; 三属性又分为个性三属性、时间三属性、食物三属性。...

  • 03-第三章 函数、自定义属性、事件

    一、 变量与属性的区别 属性分节点属性 和js属性节点属性 :元素自带属性js属性:js中自定义的属性 当js属性...

  • Swift--属性与下标

    存储属性 计算属性 属性观察者 静态属性 使用下标 存储属性 存储属性概念 存储属性可以存储数据,分为常量属性(用...

网友评论

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

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