梅科尔工作室-李舒婷-鸿蒙作业3

List组件:

6b46a36fbdf049819a8f0b01274f0d17.png

                      List表示外面的一个大框

ListItem表示里面的小框1701c1262e0741f69f10054ab1c68de9.png 

 父子组件:

子组件为自定义组件

先编辑子组件f1da0b295bba43138304063c886f7ae0.png

c73cadc623d54d059191cd641ed50de7.png 

导出子组件5ee5598b92314753a06270c3373a46fb.png 

导入子组件到要用的部分10d9b5976bf6422fab4cb5c975bcbb6a.png

 

 此时Child()为父组件

双向数据绑定

子组件用@Link修饰

Text改为如图

子组件@Link后不用赋初值

45eac7e71ee44fe38312496bad899ecd.png

 

父组件用@state修饰,后要赋初值

在子组件的接口中数据用💲修饰

1e8b939add3449d08bc4ee6b2e31a809.png

如果要修改值的话只需在父组件页面@state后改就可以27c8ce9c6bf845b9b8852a10a7218329.png

 

if- else渲染:

85c755573d974c9eb7c3a447206bc613.png

804c9823d75c4466bc8310e35f733db2.png 

if后是true就是渲染组件会出现b9010beb65f342a1892b759782efaaef.png 

如果是false就不会出现组63924be3edb7482887b5d4bc4b05df68.png 

842e0457ef4b44c9a61c51f94f0493dc.png 

for循环渲染 :

fb4c2c4388da4891bc0ceb250b19524e.png

416ee855a3554e8caa4d7f4c772b90a4.png 

6357f083891c4d8aa365f8044fda18e4.png

先创建一个元组 

81d1a6ae96d640f6883a15fadcd9922f.png 

 再使用语法498dd990736a4bae814afbc8fe75bf30.png

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值