hml（harmonyos markup language）是一套類html的標記語言，通過元件，事件構建出頁面的內容。頁面具備資料繫結、事件繫結、列表渲染、條件渲染和邏輯控制等高階能力。
乙個頁面（pages）對應著乙個 hml 檔案、乙個 js 檔案、乙個 css 檔案。
- pages.index
-- index.css
-- index.hml
-- index.js
首先，頁面要顯示一些動態內容，就需要資料繫結，就是將頁面中的資料和 index.js 中的變數繫結起來，在後期有業務需求時改變某個頁面節點中的資料。
開啟 index.js 檔案，data 是我們需要宣告變數的位置；函式宣告在 data 之後。
export default , , ]
},// 函式
handleclick(obj)
}
name: }
age: }
！注意：字串必須要包裹在 text 標籤內，否則不會渲染到頁面中。onclick 用於繫結乙個點選事件，它可以縮寫成
@click，這與 vue 一樣。
for用來迴圈陣列，每乙個陣列的索引值和元素包裹在()內，第乙個值為索引值，第二個值為陣列元素。tid類似於 vue 中的:key，旨在列表中的資料有變更時，提高重新渲染的效率。每一項節點必須保證它的 tid 是唯一的。
如果不使用in來自定義元素名稱和索引值，就不需要小括號包裹：
$item代表元素，$idx代表索引值，是 index 的縮寫。
最後點選項，改變其中乙個元素的 name 值：
條件渲染，列表渲染，事件處理，表單控制項繫結
2.3 條件渲染 v if v else if v else v show 條件展示 a a b 美食 遊戲 睡覺 條件展示 思考總結 思考 v if vs v show 1.效果看起來一樣 2.why vue要出兩個相似的指令？v if控制的是元素的存在與否 v show控制的是元素的displa...
小程式中 資料繫結 列表渲染 條件渲染
一 資料繫結 1 wxml 中的動態資料均來自對應 page 的 data。資料繫結使用 mustache 語法 雙大括號 將變數包起來，可以作用於 內容 view page 二 列表渲染 wx for 1 在元件上使用 wx for 控制屬性繫結乙個陣列，即可使用陣列中各項的資料重複渲染該元件。預...
事件處理 on 繫結事件
on 方法在匹配元素上繫結乙個或者多個事件處理函式 element.on events,selector fn 發生多個事件的話 div on click function mouseout function 發生事件發生同樣的操作的話 div on mouseover mouseout funct...