文章介绍了前端开发中的list组件结构，包括list容器和listitem容器组件，强调了父子组件之间的数据交互，特别是使用export和import进行模块导入导出，以及双向数据绑定的概念，@Link和@State修饰符的使用。此外，文章还涵盖了if-else条件渲染和for循环在动态渲染组件中的应用，强调了这些语法在容器组件内部的重要性。
list组件
由list容器和listitem容器组件组成，list是一个大容器，listitem是大容器里的小容器
示例
效果图
父子组件
子组件导出用export语句
父组件导入用import {子组件文件名称} from "子组件文件相对路径"
双向数据绑定
改变任何一方数据时，两方数据都会变为改变的一方数据
子组件中数据用@Link修饰
父组件中用@State修饰，在子组件接口中数据用$修饰
if-else渲染
使用语法
if/else渲染可以改变组件的渲染状态，即决定组件是否在页面中被渲染。if括号内的变量是true的话，则对应下的组件都被渲染，否则都不被渲染。
for循环
开发框架提供循环渲染（ForEach组件）来迭代数组，并为每个数组项创建相应的组件。ForEach定义如下：
使用语法
注意事项
必须在容器组件内使用；
生成的子组件允许在ForEach的父容器组件中，允许子组件生成器函数中包含if/else条件渲染，同时也允许ForEach包含在if/else条件渲染语句中；
示例
扫一扫
663
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
