3.声明式UI
<h3>装饰器</h3>
<ul>
<li>用来装饰类、结构体、方法以及变量,赋予其特殊的含义
> @Entry: 则表示这是个入口组件
> @Component: 表示这是个自定义组件
> @State: 表示组件中的状态变量,此状态变化会引起 UI 变更</li>
</ul>
<h3>自定义组件</h3>
<ul>
<li>可复用的 UI 单元,可组合其它组件
<pre><code>@Component
struct CountDownView {
/*声明式的方式来描述 UI 的结构**/
build(){
...
}
/*页面创建时触发**/
aboutToAppear()
/*页面显示时触发**/
onPageShow(){}
/*页面隐藏时触发**/
onPageHide(){}
/*页面返回时触发**/
onBackPress(){}
/*页面销毁时触发**/
aboutToDisappear()
}</code></pre></li>
</ul>
<h4>系统组件</h4>
<ul>
<li>List组件
<pre><code>List(){
ForEach(list数据源, 子组件生产函数, 给数据项生成唯一且稳定的键值生成器)
}</code></pre></li>
</ul>