梅科尔工作室-王宣-鸿蒙笔记3

list组件

list组件\n由list容器组件和listitem容器组件构成,list是一个大容器,listitem是大容器里的小容器33d2117d21804b4084b5888ee0199a84.png

 父子组件

     子组件导出有export语句。

307e37450c934ee89f9c43fd8dc21655.jpg

 

    父组件导入用import自(组件文件名称)From-自组件文件相对路径。1609391633c341bcb2afb1b599a61e7c.jpg

    双向数据绑定

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

子组建中数据用@link修饰。7d2a781e775f496688583ee2bf36e854.jpg

 

父组件中用at state修饰,在自组件接口中数据用$修饰a01c33ce96a845a3bbcbd818e95f9c5d.jpg

 if-else渲染

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

.注意事项

必须在容器组件内使用。

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

示例

1a5d9733198f4bb692084b2adc1cfc43.jpg使用if条件语句:

注意事项

必须在容器组件内使用;

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

示例

7aff0bb538c54a1a913f9ae7bd3b7848.jpg简单类型数组示例:

 

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值