介绍一下ArkTs的两个组件和两个渲染

- list组件

list组件是编辑过程中经常用到的，它的接口如下：

List(value?:{space?: number | string, initialIndex?: number, scroller?: Scroller})

他们的属性如下

list组件里面包含着listitem的子组件

我们最常用的就是space接口，它可以控制各个小组件之间的距离

使用list组件可以达到以下效果

- 父子组件

父子组件可以将两个同一路径或者不同路径下的项目绑定在一起

子组件用export将其里面的内容导出，而父组件将子组件里面的内容用import导入

下图子组件设置的内容在父组件中呈现

上图为子组件

上图为父组件，对于子组件里面的内容直接引用即可

Link链接

对于父组件来说，想要更改子组件里面的内容只需使用@Link即可

- if-else渲染

- for循环渲染

我们要想写多个相同的数据时，一个一个的枚举太繁琐了，我们则可以采用for循环渲染

这样的话就方便了许多

以上就是对两个组件和两个渲染的介绍，欢迎补充

梅科尔工作室-江凌宇-鸿蒙笔记3相关推荐

梅科尔工作室-江凌宇-鸿蒙笔记1
对于鸿蒙软件开发所用编译器的介绍鸿蒙APP开发所采用的编译器为华为自研的DevEc编译器,简洁美观易上手是此编译器的巨大优势主要目录配置文件作用(stage模型和FA模型下) 下面是在FA模型下的 ...
梅科尔工作室-江凌宇-鸿蒙笔记2
HarmonyOS构建漂亮的页面一.页面基本元素介绍常用基础组件组件介绍: 组件(Component)是界面搭建与显示的最小单位,HarmonyOS ArkUI声明式开发范式为开发者提供了丰富多 ...
梅科尔工作室-江凌宇-鸿蒙笔记4
今天我们来介绍几个API模块路由跳转模块为了实现Ability内页面的跳转和数据的传递我们首先要导入的必须是router模块我们有四种跳转方式方式一: router.push(),跳转到指定页 ...
梅科尔工作室-崔启凡-鸿蒙笔记4
鸿蒙笔记4 路由跳转作用用法跳转方式方式一方式二方式三方式四跳转页面数据的接受数据请求弹窗绑定事件点击事件触摸事件挂载卸载事件拖拽事件路由跳转作用实现Ability ...
梅科尔工作室-梁嘉莹-鸿蒙笔记1
基本操作界面介绍预览按钮内置API文档查阅项目设置运行按钮(只有在真机模拟或远程模拟时才可以使用) 安装插件,在files下的settings-->Plugins里面,可以安装一个中文的 ...
梅科尔工作室-梁嘉莹-鸿蒙笔记2
1 组件介绍组件(Component)是界面搭建与显示的最小单位,HarmonyOS ArkUI声明式开发范式为开发者提供了丰富多样的UI组件,我们可以使用这些组件轻松的编写出更加丰富.漂亮的界面. ...
梅科尔工作室--梁嘉莹-鸿蒙笔记3
目录 List组件子组件接口语法父子组件组件导出双向数据绑定 if-else渲染使用语法注意事项 for循环渲染使用语法注意事项 List组件子组件: Listitem 接口: ...
梅科尔工作室-梁嘉莹-鸿蒙笔记4
目录官方API使用路由跳转模块实现Ability内页面的跳转和数据传递. 首先需要导入router模块跳转方式信息传递注意事项数据请求模块申请网络上的接口,获取传输的数据.文档中心首 ...
梅科尔工作室-孙溢博-鸿蒙笔记1
目录一.主要目录配置文件作业 (一).stage模型 1.index.ets页面 2.resource文件 3.module.json5模块 4.pages模块 (二).FA模型 1.主要模块二. ...

梅科尔工作室-江凌宇-鸿蒙笔记3

介绍一下ArkTs的两个组件和两个渲染

Link链接

以上就是对两个组件和两个渲染的介绍，欢迎补充

梅科尔工作室-江凌宇-鸿蒙笔记3相关推荐

最新文章

热门文章