未验证 提交 25c73f9c 编写于 作者: L LiAn 提交者: Gitee

update zh-cn/application-dev/ui/ts-component-based-component.md.

Signed-off-by: NLiAn <lian15@huawei.com>
上级 a941c41c
# @Component
**@Component**装饰的**struct**表示该结构体具有组件化能力,能够成为一个独立的组件,这种类型的组件也称为自定义组件,在**build**方法里描述UI结构。自定义组件具有以下特点:
@Component装饰的struct表示该结构体具有组件化能力,能够成为一个独立的组件,这种类型的组件也称为自定义组件,在build方法里描述UI结构。自定义组件具有以下特点:
- **可组合:**允许开发人员组合使用内置组件、其他组件、公共属性和方法;
- 可组合:允许开发人员组合使用内置组件、其他组件、公共属性和方法;
- **可重用:**自定义组件可以被其他组件重用,并作为不同的实例在不同的父组件或容器中使用;
- 可重用:自定义组件可以被其他组件重用,并作为不同的实例在不同的父组件或容器中使用;
- **生命周期:**生命周期的回调方法可以在组件中配置,用于业务逻辑处理;
- 生命周期:生命周期的回调方法可以在组件中配置,用于业务逻辑处理;
- **数据驱动更新:**由状态变量的数据驱动,实现UI自动更新。
- 数据驱动更新:由状态变量的数据驱动,实现UI自动更新。
对组件化的深入描述,请参考[深入理解组件化](ts-a-deep-dive-into-component.md)
......@@ -21,7 +21,7 @@
> - 自定义组件禁止自定义构造函数。
如下代码定义了**MyComponent**组件**:**
如下代码定义了MyComponent组件:
```
......@@ -37,10 +37,10 @@ struct MyComponent {
```
**MyComponent****build**方法会在初始渲染时执行,此外,当组件中的状态发生变化时,**build**方法将再次执行。
MyComponent的build方法会在初始渲染时执行,此外,当组件中的状态发生变化时,build方法将再次执行。
以下代码使用了**MyComponent**组件:
以下代码使用了MyComponent组件:
```
......@@ -57,7 +57,7 @@ struct ParentComponent {
```
可以多次使用**MyComponent**,并在不同的组件中进行重用:
可以多次使用MyComponent,并在不同的组件中进行重用:
```
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册