> 文档中心 > 梅科尔工作室-史忠翰-鸿蒙笔记3

梅科尔工作室-史忠翰-鸿蒙笔记3


list组件

由list容器组件和listitem容器组件构成,list是一个大容器,listitem是大容器里的小容器

使用说明

梅科尔工作室-史忠翰-鸿蒙笔记3

示例

梅科尔工作室-史忠翰-鸿蒙笔记3 梅科尔工作室-史忠翰-鸿蒙笔记3

父子组件(自定义组件)

子组件导出用export语句

梅科尔工作室-史忠翰-鸿蒙笔记3

父组件导入用import {子组件文件名称} from "子组件文件相对路径"

梅科尔工作室-史忠翰-鸿蒙笔记3

双向数据绑定

改变任何一方数据时,两方数据都会变为改变的一方数据

子组件中数据用@Link修饰

梅科尔工作室-史忠翰-鸿蒙笔记3

父组件中用@State修饰,在子组件接口中数据用$修饰

梅科尔工作室-史忠翰-鸿蒙笔记3 梅科尔工作室-史忠翰-鸿蒙笔记3

if-else渲染

官方详解: https://developer.harmonyos.com/cn/docs/documentation/doc-guides/ets-rendering-control-0000001149698611#ZH-CN_TOPIC_0000001157228877__%E6%9D%A1%E4%BB%B6%E6%B8%B2%E6%9F%93
使用语法

if/else渲染可以改变组件的渲染状态,即决定组件是否在页面中被渲染。if括号内的变量是true的话,则对应下的组件都被渲染,否则都不被渲染。

注意事项

1.必须在容器组件内使用。

2.使用if/else可以使子组件的渲染依赖条件语句。

for循环渲染

官方详解:https://developer.harmonyos.com/cn/docs/documentation/doc-guides/ets-rendering-control-0000001149698611#ZH-CN_TOPIC_0000001157228877__%E6%9D%A1%E4%BB%B6%E6%B8%B2%E6%9F%93
使用语法

梅科尔工作室-史忠翰-鸿蒙笔记3

注意事项

1.必须在容器组件内使用;

2.生成的子组件允许在ForEach的父容器组件中,允许子组件生成器函数中包含if/else条件渲染,同 时也允许ForEach包含在if/else条件渲染语句中。

毒蛇网