vue.js初学之组件props

上一篇讲述了公司——办公室——员工的神奇组合,那么现在就要开始来说说,他们中间是怎么发布任务的。vue里面就提供了一个好东西,叫props,这一篇里面,我会把在props里面踩的坑都写出来。说起props,其实就是父组件和子组件传递信息的工具,用我的话讲就是,办公室的老大给员工说,“我要给你什么任务一样”

prop用法


上面就是一个具体的用法,但这种传值的方式,只是传入一个字符串。同样的我们也可以用v-bind:message='hello'来传字符串,当然具体的prop怎么传值,可以看官网prop ,推荐用v-bind来对prop传值,动态静态都能玩。

prop的单向数据流

来说说这个强大的坑了,在这之前,我们先来说几个在使用prop进行数据传输的时候,要注意的点:

  1. 父子组件数据传输是单向的,只能由父组件传给子组件,子组件无法直接传给父组件(很好理解,办公室的老大可以给
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值