list组件:由list容器组件和listitem容器组件构成,list是一个大容器,listitem是大容器里的小容器
List{
ListItem(){
//编写的内容
}
}
父子组件
子组件导出用export语句
父组件导入用import {子组件文件名称} from "子组件文件相对路径"
双向数据绑定:改变任何一方数据时,两方数据都会变为改变的一方数据
子组件中数据用@Link修饰
父组件中用@State修饰,在子组件接口中数据用$修饰
![](https://img-blog.csdnimg.cn/img_convert/b6b26560317540bc280d7ac44418a256.png)
![](https://img-blog.csdnimg.cn/img_convert/fe24db66160ca43da63516aefaa2abf7.png)
if-else渲染
if/else渲染可以改变组件的渲染状态,即决定组件是否在页面中被渲染。if括号内的变量是true的话,则对应下的组件都被渲染,否则都不被渲染。
![](https://img-blog.csdnimg.cn/img_convert/f2bc5f5b8a09a30501fc6ebeda29c654.png)
for循环渲染
开发框架提供循环渲染(ForEach组件)来迭代数组,并为每个数组项创建相应的组件。
必须在容器组件内使用;生成的子组件允许在ForEach的父容器组件中,允许子组件生成器函数中包含if/else条件渲染,同时也允许ForEach包含在if/else条件渲染语句中;
![](https://img-blog.csdnimg.cn/img_convert/60c98ac816f878b5c36dba3eb862644b.png)