ts-component-based-entry.md 733 字节
Newer Older
Z
zengyawen 已提交
1
# @Entry
Z
zengyawen 已提交
2

3
用@Entry装饰的自定义组件用作页面的默认入口组件,加载页面时,将首先创建并呈现@Entry装饰的自定义组件。
Z
zengyawen 已提交
4 5


H
HelloCrease 已提交
6
> **说明:**
7
> 在单个源文件中,最多可以使用@Entry装饰一个自定义组件。
Z
zengyawen 已提交
8

Z
zengyawen 已提交
9

10
@Entry的用法如下:
Z
zengyawen 已提交
11

Z
zengyawen 已提交
12

H
HelloCrease 已提交
13
```ts
Z
zengyawen 已提交
14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35
// Only MyComponent decorated by @Entry is rendered and displayed. "hello world" is displayed, but "goodbye" is not displayed.
@Entry
@Component
struct MyComponent {
    build() {
        Column() {
            Text('hello world')
                .fontColor(Color.Red)
        }
    }
}

@Component
struct HideComponent {
    build() {
        Column() {
            Text('goodbye')
                .fontColor(Color.Blue)
        }
    }
}
```