props的三种写法

    //接收父组件的参数  父传子 用props接收  写法一
    props:{
        message:{
            type:String,
            default:'1111122222',
            required:true
        },
        age:{
            type:Number
        },
        person:{
            type:Object,
            default(){//如果写默认值,默认值必须是函数
               return {firstName:'111',lastName:'222'}
            }
        },
        arr:{
            type:Array,
            default(){//如果写默认值,默认值必须是函数
               return ['11','22','33']
            }
        },
        height:{
            type:Number
        }
    },
//写法二
props: ['message','age','person','arr','height'],
//写法三 props中的值是不能直接改变的比如用v-model直接使用props里面的值,是错误的,
        //需要放在data中调用,或者在computed中计算后使用
 props: {
        message: [Number,String],
        age:Number,
        person:Object,
        arr:Array,
        height:String,
        parentHandler: {
            type: Function,
            default: () => {
                return Function;
            }
        }
    },

  • 3
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值