NanChen的博客

通用组件标签、属性及效果展示

自定义组件的生命周期，路由以及传参写法

ArkTS 提供了渲染控制的能力。条件渲染可根据应用的不同状态，使用 if、else 和 else if 渲染对应状态下的 UI 内容。写法和 TS 的一样，简单看一下即可效果：另外，@State 定义的变量归父组件所有。因此，当子组件实例被删除时，该变量不会被销毁。子组件通过@Link装饰器引用状态。状态必须从子级移动到其父级（或父级的父级），以避免在条件内容或重复内容被销毁时丢失状态。

看下面这张图Components部分的装饰器为组件级别的状态管理，部分为应用的状态管理。开发者可以通过@StorageLink/@LocalStorageLink 实现应用和组件状态的双向同步，通过@StorageProp/@LocalStorageProp 实现应用和组件状态的单向同步。

通用样式类似于css中的class放在struct内调用总结：@Styles 内部样式和外部样式，内部样式优先级高于外部样式，内部不要需要用函数function定义，外部需要function;缺点：只能用于通用样式，@Styles不能进行传参那么如何进行传参呢？

当我们需要写多个文本不同但样式相同的效果，需要使用自定义组件来实现，下面是需要注意的几点@Component装饰器仅能装饰struct关键字声明的数据结构。struct被@Component装饰后具备组件化的能力，需要实现build方法描述UI，一个struct只能被一个@Component装饰。@Entry放在哪个组件前面，哪个就在页面上显示在Entry组件中，build()中必须有且只有一个更组件自定义组件必须定义build()函数定义一个的组件@Component。

我们在每次退出编辑器后再次打开会直接进入项目文件中，这样在新建项目用起来很是不方便，所以这里跟着设置一下就好。这样下次进入就不会直接跳转到当时的文件项目中！→重启DevEco-Studio完成汉化。也就是所谓的前端开发方式。

原生鸿蒙OS安装以及运行初始项目