34 builder与@component区别

builder定义与⽤途：
@Builder 是⼀个装饰器，⽤于⾃定义构建函数。这些函数可以被认为是UI元素的抽象⽅法，⽤于在组
件的build⽅法或其他⾃定义构建函数中复⽤。
@Builder所装饰的函数遵循build()函数语法规则，允许开发者将重复使⽤的UI元素抽象成⼀个⽅法，
并在需要时调⽤。
特点：
1. 轻量级：相⽐于⾃定义组件，⾃定义构建函数更加轻量，实现和调⽤都较为简洁。
2. 不⽀持状态变量和⽣命周期：⾃定义构建函数不⽀持定义状态变量和⾃定义⽣命周期。它们默认按
值参数传递，不⽀持动态改变组件。
3. 参数传递：⾃定义构建函数的参数传递有按值传递和按引⽤传递两种。只有传⼊⼀个参数且参数需
要直接传⼊对象字⾯量时，才会按引⽤传递该参数。
4. 调⽤限制：⾃定义构建函数可以在所属组件的build⽅法和其他⾃定义构建函数中调⽤，但不允许在
组件外调⽤

Component定义与⽤途：
@Component 是⼀个装饰器，⽤于定义⾃定义组件。这些组件内部UI结构固定，仅与使⽤⽅进⾏数据
传递。
特点：

1. 内部功能丰富：⾃定义组件可以定义成员函数/变量、⾃定义组件⽣命周期等。
2. 状态管理：⾃定义组件⽀持状态变量，可以通过状态变量的改变来驱动UI的刷新。
3. 插槽功能：⾃定义组件可以实现插槽功能，通过使⽤@Builder和@BuilderParam装饰器来实现。
4. 使⽤⽅式：⾃定义组件可以被其他组件或⻚⾯使⽤，需要通过export和import进⾏导出和导⼊。

总结：

@Builder 侧重于UI元素的复⽤和抽象，提供轻量级的构建函数，但不⽀持状态变量和⽣命周期。
@Component 则⽤于定义完整的⾃定义组件，⽀持状态变量、⽣命周期和插槽功能，提供更丰富的内部功能和使⽤⽅式