ArkUI：组件化之常用装饰器了解

最新推荐文章于 2025-03-31 20:25:26 发布

JOJOYYDSA

最新推荐文章于 2025-03-31 20:25:26 发布

阅读量870

点赞数 2

分类专栏： ArkUI 文章标签： harmonyos

本文链接：https://blog.youkuaiyun.com/JOJOYYDSA/article/details/122226931

版权

本文介绍了ArkUI中的关键装饰器，如@Component用于声明自定义组件，具备可组合、可重用和生命周期特性。@Entry指定组件作为源文件的默认入口，@Preview允许在DevEco开发工具中预览。@Builder定义组件构建方法，@Extend扩展内置组件属性，提高代码复用。最后，@CustomDialog用于创建自定义对话框。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

@Component

被@Component修饰，表示该结构体struct是一个自定义组件

特点

可组合

可重用

有生命周期

数据驱动更新

@Component
struct ComponentA {
    build() {
        Row() {
            Column() {
                // 重用ComponentB
                ComponentB()
                Text('first column')
                    .fontSize(20)
            }
            Column() {
                // 重用ComponentB
                ComponentB()
                // 和 ComponentC 组合 
                ComponentC()
                Text('second column')
                    .fontSize(20)
            }
        }
    }

    // 生命周期函数
    private aboutToAppear() {
        console.log('ParentComponent: Just created, about to become rendered first