「华为鸿蒙应用程序开发13」JavaScriptUI之HML,CSS,JS语法介绍

本章内容

  • HML语法
  • CSS语法
  • JavaScript

HML、CSS、JavaScript在前面的章节中一直在用,现在就来专门介绍它们。

一 HML语法

HML(HarmonyOS Markup Language)是一套类HTML的标记语言,通过组件,事件构建出页面的内容。页面具备数据绑定、事件绑定、列表渲染、条件渲染和逻辑控制等高级能力。

关于页面结构我们这里就不再介绍了,前面我们一直在用组件构建页面。数据绑定我们也在前面章节中用到了很多次,现在我们就来看看。

1 数据绑定

通过在HML页面中用双大括号语法来声明数据,然后在JS文件中通过data对象进行赋值,下面是典型示例