梅科尔工作室-于天姿-鸿蒙笔记3

一、list组件

由list容器组件和listitem容器组件构成，list是一个大容器，listitem是大容器里的小容器，使用如下：

 二、父子组件

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

•  子组件导出用export语句

•  双向数据绑定，即改变任何一方数据时，两方数据都会变为改变的一方数据：子组件中用@Link，父组件中用@State修饰，在子组件接口中数据用$修饰

 

 

 三、渲染

1.if-else渲染

• if/else渲染可以改变组件的渲染状态，即决定组件是否在页面中被渲染。if括号内的变量是true的话，则对应下的组件都被渲染，否则都不被渲染。
• 必须在容器组件内使用。
• 使用if/else可以使子组件的渲染依赖条件语句。

应用实例： 

 2.for循环渲染

• 开发框架提供循环渲染（ForEach组件）来迭代数组，并为每个数组项创建相应的组件。ForEach定义。
• 必须在容器组件内使用。
• 生成的子组件允许在ForEach的父容器组件中，允许子组件生成器函数中包含if/else条件渲染，同时也允许ForEach包含在if/else条件渲染语句中。

 应用实例：

 指导链接：https://developer.harmonyos.com/cn/docs/documentation/doc-guides/ets-rendering-control-0000001149698611#ZH-CN_TOPIC_0000001157228877__条件渲染