props配置对象

是一个父组件给子组件传递数据的作用。

比如一个父组件使用多个子组件,但是每个子组件里面的数据是不一样的,那么就不能在子组件里给数据写死了,因此可以父组件给子组件传递变量名,比如name,age这些,

方法一:然后子组件通过props这个配置项进行接受,props:["name","age"],然后子组件中使用父组件传过来的{{name}}.父组件在使用子组件的时候可以给每个子组件自行添加不同的数据 name="a" age=“b”  提醒:age因为是数值型,但这种传递只会转成字符串,因此在age前面加上:绑定,可以解决,因为“绑定可以对分号里面当成一个表达式计算.

方法二:如果你想对子组件收到的数据进行类型限制的话,可以在props加上条件对其进行类型限制,如props:[name:String,age:Number],如果收到的不是该类型就会报错提醒。

方法三:还有一种传法,就是props{}里面还是对象,如name:{type:String,required:true}表示限制类型,且必须传 age:{type:Number, defalt:99} 表示限制类型,可传可不传,如果不传,就是默认值为99

注意:props是不要去修改,如果要去修改,则自己创建一个data数据如MyName:this.name,然后再去修改

props优先级更高一些

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值