vue prop属性
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属性用法,我们就分享到这啦!
-
钢铁是怎样炼成的读书笔记范文
钢铁是怎样炼成的读书笔记怎么写呢?一起来看看小编今天的分享吧。钢铁是怎样炼成的读书笔记可以从三个方面进行描写,首先可以描写这本书讲了哪些内容,第二个就是要描写我从这本书中学到了...
教育查看全文>> -
东风风神AX5的车型定位
东风风神AX5是东风乘用车旗下的一款紧凑型SUV,在售车型有2019款。2019款东风风神AX5分为国五和国六两款车型,分别在2019年5月和2019年10月先后上市。2019...
问答查看全文>> -
一句形容“志同道合的人”的话
1、文臣死,武将灭,不见王孙这个世界有太多的聪明 太少的勇气 愿我们都活在爱里 愿所有不同都可以被尊重 愿我们都过上自己想要的生活我爱你,那么自然。2、好样摄影工作室是由一帮志...
句子查看全文>>
推荐
- 1福迪探索者6方向机多少钱?272
- 2离合助力器有什么用?447
- 3中元节放河灯有什么讲究 深圳中元节哪里可以放河灯136
- 4描写人物作文形形色色的人250
- 5沃尔沃xc40是什么级别的suv228
- 6绿茶怎么采277
- 7我经常发朋友圈刷屏的句子405
- 8国产考斯特多少座怎么样?198