微信小程序的WXML 模板如何使用

微信小法式的WXML 模板若何利用？

WXML 在小法式中充任的就是近似 HTML 的腳色。今天給大師分享一下微信小法式的WXML 模板若何利用。

東西/原料

1
從事過網頁編程的人知道，網頁編程采用的是 HTML + CSS + JS 如許的組合，此中 HTML 是用來描述當前這個頁面的布局，CSS 用來描述頁面的樣子，JS 凡是是用來處置這個頁面和用戶的交互。
2
打開 pages/index/index.wxml，你會看到以下的內容:
3
和 HTML 很是相似，有標簽、屬性等等組成。可是也有良多紛歧樣的處所。
4
標簽名字有點紛歧樣往往寫 HTML 的時辰，經常會用到的標簽是 div, p, span，開辟者在寫一個頁面的時辰可以按照這些根本的標簽組合出紛歧樣的組件，例如日歷、彈窗等等。
5
把這些常用的組件包裝起來，可以年夜年夜提高我們的開辟效率。從上邊的例子可以看到，小法式的 WXML 用的標簽是 view, button, text 等等，這些標簽就是小法式給開辟者包裝好的根基能力，還供給了地圖、視頻、音頻等等組件能力。
6
多了一些 wx:if 如許的屬性以及 {{ }} 如許的表達式在網頁的一般開辟流程中，我們凡是會經由過程 JS 操作 DOM (對應 HTML 的描述發生的樹)，以引起界面的一些轉變響應用戶的行為。