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

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

Signed-off-by: NLiAn <lian15@huawei.com>
上级 337fffa0
# @Prop
**@Prop与@State**有相同的语义,但初始化方式不同。**@Prop**装饰的变量必须使用其父组件提供的**@State**变量进行初始化,允许组件内部修改**@Prop**变量,但更改不会通知给父组件,即**@Prop**属于单向数据绑定。
@Prop与@State有相同的语义,但初始化方式不同。@Prop装饰的变量必须使用其父组件提供的@State变量进行初始化,允许组件内部修改@Prop变量,但更改不会通知给父组件,即@Prop属于单向数据绑定。
**@Prop**状态数据具有以下特征:
@Prop状态数据具有以下特征:
- **支持简单类型:**仅支持number、string、boolean简单类型;
- 支持简单类型:仅支持number、string、boolean简单类型;
- **私有:**仅在组件内访问;
- 私有:仅在组件内访问;
- **支持多个实例:**一个组件中可以定义多个标有**@Prop**的属性;
- 支持多个实例:一个组件中可以定义多个标有@Prop的属性;
- **创建自定义组件时将值传递给@Prop变量进行初始化:**在创建组件的新实例时,必须初始化所有@Prop变量,不支持在组件内部进行初始化。
- 创建自定义组件时将值传递给@Prop变量进行初始化:在创建组件的新实例时,必须初始化所有@Prop变量,不支持在组件内部进行初始化。
## 示例
......@@ -63,7 +63,7 @@ struct CountDownComponent {
}
```
在上述示例中,当按“+1”或“-1”按钮时,父组件状态发生变化,重新执行**build**方法,此时将创建一个新的**CountDownComponent**组件。父组件的**countDownStartValue**状态属性被用于初始化子组件的**@Prop**变量,当按下子组件的“Try again”按钮时,其**@Prop**变量**count**将被更改,**CountDownComponent**重新渲染。但是**count**值的更改不会影响父组件的**countDownStartValue**值。
在上述示例中,当按“+1”或“-1”按钮时,父组件状态发生变化,重新执行build方法,此时将创建一个新的CountDownComponent组件。父组件的countDownStartValue状态属性被用于初始化子组件的@Prop变量,当按下子组件的“Try again”按钮时,其@Prop变量count将被更改,CountDownComponent重新渲染。但是count值的更改不会影响父组件的countDownStartValue值。
> ![icon-note.gif](public_sys-resources/icon-note.gif) **说明:**
> 创建新组件实例时,必须初始化其所有**@Prop**变量。
> 创建新组件实例时,必须初始化其所有@Prop变量。
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册