> 文档中心 > HarmonyOS 第一次培训

HarmonyOS 第一次培训

文字教程
视频教程

1.创建项目

2.创建项目后可以在view previewer进行预览

3.文件分类如下

  • .hml 结尾的 HML 模板文件,这个文件用来描述当前页面的文件布局结构。
  • .css 结尾的 CSS 样式文件,这个文件用于描述页面样式。
  • .js 结尾的 JS 文件,这个文件用于处理页面和用户的交互。

各个文件夹的作用:

  • app.js 文件用于全局 JavaScript 逻辑和应用生命周期管理。
  • pages 目录用于存放所有组件页面。
  • common 目录用于存放公共资源文件,比如:媒体资源和 JS 文件。
  • i18n 目录用于配置不同语言场景资源内容,比如:应用文本词条,图片路径等资源,注意 i18n 是开发保留文件夹,不可重命名。

文件访问规则

应用资源可通过绝对路径或相对路径的方式进行访问,本开发框架中绝对路径以 "/" 开头,相对路径以 "./" 或 "../" ,具体访问规则如下:

  • 引用代码文件,需使用相对路径,比如:../common/utils.js。

  • 引用资源文件,推荐使用绝对路径。比如:/common/xxx.png。

4.数据渲染与事件绑定

  1. 第三方 JSON 数据导入,注意使用相对路径

        2、数据绑定

与vue用法类似

hml {{ 变量名 }}

js 变量放在 data 中

        3、列表渲染(for)

tid 属性指定数组中每个元素的唯一标识,默认值为 id,用于加速for循环的重渲染。

写法1(都不指定):

,$idx代表元素索引,$item代表数组元素

写法2(指定元素名称):

,$idx 代表元素索引,value 代表数组元素

写法3(指定索引和元素名称):

,index代表元素索引,value代表数组元素。

        4、事件绑定

类似 v-on,在 js 中绑定的函数和 data 同级

hml:

 或 

 

 

驱动天空下载