builder定义与⽤途:
@Builder 是⼀个装饰器,⽤于⾃定义构建函数。这些函数可以被认为是UI元素的抽象⽅法,⽤于在组
件的build⽅法或其他⾃定义构建函数中复⽤。
@Builder所装饰的函数遵循build()函数语法规则,允许开发者将重复使⽤的UI元素抽象成⼀个⽅法,
并在需要时调⽤。
特点:
1. 轻量级:相⽐于⾃定义组件,⾃定义构建函数更加轻量,实现和调⽤都较为简洁。
2. 不⽀持状态变量和⽣命周期:⾃定义构建函数不⽀持定义状态变量和⾃定义⽣命周期。它们默认按
值参数传递,不⽀持动态改变组件。
3. 参数传递:⾃定义构建函数的参数传递有按值传递和按引⽤传递两种。只有传⼊⼀个参数且参数需
要直接传⼊对象字⾯量时,才会按引⽤传递该参数。
4. 调⽤限制:⾃定义构建函数可以在所属组件的build⽅法和其他⾃定义构建函数中调⽤,但不允许在
组件外调⽤
Component定义与⽤途:
@Component 是⼀个装饰器,⽤于定义⾃定义组件。这些组件内部UI结构固定,仅与使⽤⽅进⾏数据
传递。
特点:
- 内部功能丰富:⾃定义组件可以定义成员函数/变量、⾃定义组件⽣命周期等。
- 状态管理:⾃定义组件⽀持状态变量,可以通过状态变量的改变来驱动UI的刷新。
- 插槽功能:⾃定义组件可以实现插槽功能,通过使⽤@Builder和@BuilderParam装饰器来实现。
- 使⽤⽅式:⾃定义组件可以被其他组件或⻚⾯使⽤,需要通过export和import进⾏导出和导⼊。
总结:
@Builder 侧重于UI元素的复⽤和抽象,提供轻量级的构建函数,但不⽀持状态变量和⽣命周期。
@Component 则⽤于定义完整的⾃定义组件,⽀持状态变量、⽣命周期和插槽功能,提供更丰富的内部功能和使⽤⽅式