OpenHarmony——ArkTS声明式开发与应用 课件 项目2-任务5-1 自定义组件与渲染组件.pptxVIP

自定义组件与渲染组件

目录CONTENTS自定义组件的使用规则1组件和页面的生命周期2条件渲染语法3循环渲染语法4

01自定义组件的使用规则知识储备

自定义组件的使用规则自定义组件是一个可组合的组件，可以组合使用内置组件、其他组件、公共属性和方法。页面可以由一个或多个自定义组件组成，一个自定义组件如果用了@Entry装饰，则这个组件是页面的入口组件。在单个UI页面中，最多可以使用@Entry装饰一个自定义组件；如果用了@Preview，则说明这个组件可以预览。

自定义组件的导出和导入自定义组件可以用exportdefault进行导出，在需要使用自定义组件的页面或其他组件中，使用import组件名from‘带路径的组件名’导入该组件。代码演示

02组件和页面的生命周期知识储备

组件和页面的生命周期aboutToAppear()：在创建自定义组件的新实例后，回调该接口,在执行其build()函数之前执行。aboutToDisappear()：在自定义组件即将析构销毁时执行。组件的生命周期函数onPageShow()：页面每次显示时触发,包括路由过程、应用进入前后台等场景。onPageHide()：页面每次隐藏时触发一次,包括路由过程、应用进入前后台等场景。onBackPress()：当用户点击返回按钮时触发。页面的生命周期函数

03条件渲染语法知识储备

条件渲染语法在Ar