鸿蒙——Builder 和 BuildParam的区别?Builder和Component的区别? 

1.Builder 和 BuildParam的区别?

Builder是当前组件的UI复用结构, BuilderParams是接收父组件传入的UI复用结构, 传过来的类型是UI复用结构类型。

Builder传值,想要响应式必须是对象,如果是基础数据类型,不具备响应式。

● 他们都是修饰符,Builder是将一个函数修饰为轻量UI复用的函数,在Builder修饰的函数中可以实现ArkUl的应用。 Builder的用法有全局builder还有局部builder,全局builder不适合做状态更新,全局builder在鸿蒙4.0中被导出使用,支持在Next版本中使用。 

Builder的传值有基础类型传值和引用类型传值,引用类型传值才能具备响应式的特点

● BuilderParam类似于前端领域中Vue中的插槽slot,可以传入UI的结构,支持自定义组件的传入结构,首选在子组件中定义BuilderParam,在父组件中传入BuilderParam对应的函数,该函数可以没有builder修饰,但是必须调用一个builder修饰的函数。

BuilderParam中有一种尾随闭包的写法,就是组件( )后面的大括号可以传入内容,有两个前提 1.必须只有一个BuilderParam 2. BuilderParam没有接收参数的需求才可以

 

 

2.@Builder 和@Component 的区别? 

,@Builder 和 @Component 是两种不同的装饰器,它们用于定义和组织 UI 结构,但各自有不同的特点和用途。

@Builder  

● @Builder 是一种自定义构建函数,它允许开发者将重复使用的 UI 元素抽象成一个方法,然后在 build() 方法中多次调用,以完成 UI 结构的复用。

● @Builder 方法可以定义在组件内或全局。在组件内定义的 @Builder 方法可以通过 this 访问当前组件的属性和方法,而全局的 @Builder 方法则不能

● @Builder 方法具有两种参数传递机制:按值传递和按引用传递。按引用传递时,如果传递的参数为状态变量,则状态变量的变化会触发 @Builder 方法内部 UI 的刷新;按值传递时则不会。

● @Builder 方法不能定义自己的状态变量,而自定义组件可以定义状态变量。

@Component  

● @Component 用于封装较大的组件,它可以包含复杂的 UI 结构和业务逻辑。

● @Component 可以定义自己的状态变量,并且可以包含多个 @Builder 方法来复用 UI 结构。

● @Component 可以在 build() 方法中直接使用 @Builder 方法来构建 UI,也可以通过 @BuilderParam 装饰器来定义组件的属性,这些属性可以作为 UI 结构的占位符,在创建组件时传入具体的内容。

综上所述,@Builder 更适合用于轻量级的 UI 结构复用,而 @Component 更适合用于构建完整的、具有状态管理的组件。如果复用的 UI 结构没有状态,推荐使用 @Builder;如果需要定义状态变量,则应该使用 @Component.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值