当前位置:家常菜>百科>科技>正文

vue prop属性

人气:107 ℃/2023-11-25 21:56:02

vue中prop属性用法是怎么的呢?我们一起来了解一下吧!

在没有状态管理机制的时候,prop属性是组件之间主要的通信方式,prop属性其实是一个对象,在这个对象里可以定义一些数据,而这些数据可以通过父组件传递给子组件。

prop属性可以定义属性的类型,也可以定义属性的初始值。

prop定义的数据类型具体示例如下:

props: {

    name: String, //字符串类型

    type: {

      validator: function(value) { //验证函数

        // 这个值必须匹配下列字符串中的一个

        return ["success", "warning", "danger"].includes(value);

      }

    },

    list: {

      type: Array,//数组类型,也可以是Object

      default: () => []

    },

    isVisible: { //Boolean类型

      type: Boolean,

      default: false

    },

    onChange: {  //函数类型

      type: Function,

       default: () => {}

    }

  },

如name:String,default:"vm",表示第一次加载name属性时其值为vm。prop属性中定义的属性也可以验证该属性,比如上面的type属性,其值必须是"success", "warning", "danger"中的任意一个,要是不是这是三个中的任意一个也可以显示,但是这时控制台会报错,所以要使用validator验证函数时要谨慎。这里的list定义的是一个数组,默认必须从一个工厂函数获取。isVisble定义的是一个boolean值,默认是default:false。onChange定义的是一个函数,这个函数在这里的意义是建立子组件向父组件传值的途径。

关于prop属性用法,我们就分享到这啦!

  • 关于无助的句子

    1、迷茫是不分卑微高贵的,迷茫是不分失败成功的。它们唯有的区别,前者因它沮丧,后者以它为力量。2、我无力伪装,天生不是戏子模样。沉默是心灵的痛哭,来路本是荆棘载途,我的忧伤你可...

    句子查看全文>>
  • 兰博基尼Huracán2020款2座落地价多少?Huracán指导价

    Huracán2020款是一款兰博基尼旗下的跑车,其官方指导价为2540000元-3900000元。我们以Huracán的最低配2020款 EVO RWD为例,据了解,目前在南...

    问答查看全文>>
  • 柴油发动机敲缸怎么修?

    柴油发动机敲缸修理方法:1、柴油发动机敲缸的修理首先要知道敲缸的原因才能对应的修理,建议车主去维修店检查下先;2、发动机敲缸的常见原因;润滑油道堵塞;汽缸壁润滑不良;活塞方向装...

    问答查看全文>>
  • 2019思域新款长宽高多少?

    2019新款思域长宽高是4649*1800*1416(mm):1、外观方面,2019款本田思域提供两种外观造型,前脸进气格栅、外后视镜、BC柱和前包围下部进气口和轮圈均采用涂黑...

    问答查看全文>>
  • 马自达cx5钥匙换电池教程是什么?

    马自达cx5钥匙换电池教程是:1、轻扣钥匙背面的小开关,取出机械钥匙;2、使用小的一字螺丝刀沿着智能钥匙的缝隙慢慢撬开,撬开后即可看见钥匙的遥控装置;3、拆下旧电池,正极朝上插...

    问答查看全文>>
本网站部分内容、图文来自于网络,如有内容侵犯您的合法权益,请及时与我们联系,我们将第一时间安排核实及删除!
CopyRight © 2007-2024 家常菜 All Rights Reserved. 手机版