鸿蒙第九次作业

第十一节、父子组件通信功能实现

(1)父组件通过props向子组件传值

1. Props自定义组件可以通过props声明属性,父组件通过设置属性向子组件传递参数,camelCase(驼峰命名法)的prop名,在外部父组件传递参数时需要使用kebab-case(短横线分隔命名)形式,即当属性compProp 在父组件引用时需要转换为comp-prop。

2.添加默认值,子组件可以通过固定值default 设置默认值,当父组件没有设置该属性时,将使用其默认置值。此情况下props属性必须为对象形式,不能用数组形式。

3. 数据单向性,父子组件之间数据的传递是单向的,只能从父组件传递给子组件,子组件不能直接修改父组件传递下来的值,可以将props传入的值用data 接收后作为默认值,再对data的值进行修改。

  • 子组件的定义

  • 父组件的调用

(2)父组件通过slot向子组件分发内容

1.普通slot 插槽分发内容

  • 父组件调用

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值