[TOC] ## 2.3 組件 一個小程序頁面可以分解成多個部分組成，組件就是小程序頁面的基本組成單元。小程序的宿主環境提供了一系列基礎組件。 [【組件說明 】](https://mp.weixin.qq.com/debug/wxadoc/dev/component/) 組件是在WXML模板文件聲明中使用的，WXML的語法和HTML語法相似，小程序使用標簽名來引用一個組件，通常包含開始標簽和結束標簽，該標簽的屬性用來描述該組件。 >[danger]所有組件名和屬性都是小寫，多個單詞會以英文橫杠 "-" 進行連接。 屬性類型 | 類型 | 描述 | 注解 | | --- | --- | --- | | Boolean | 布爾值 | 組件寫上該屬性，不管該屬性等于什么，其值都為true，只有組件上沒有寫該屬性時，屬性值才為false。如果屬性值為變量，變量的值會被轉換為Boolean類型 | | Number | 數字 | 1, 2.5 | | String | 字符串 | "string" | | Array | 數組 | \[ 1, "string" ]| | Object | 對象 | { key: value }| | EventHandler | 事件處理函數名 | `handlerName`是 Page中定義的事件處理函數名| | Any | 任意屬性 | | 所有組件都擁有表3-7列舉的屬性，主要涉及樣式和事件綁定。 :-: 表3-7 組件共有屬性 | 屬性名 | 類型 | 描述 | 其他說明 | | --- | --- | --- | --- | | id | String | 組件的唯一標示 | 保持整個頁面唯一 | | class | String | 組件的樣式類 | 在對應的WXSS中定義的樣式類 | | style | String | 組件的內聯樣式 | 可以通過數據綁定進行動態設置的內聯樣式| | hidden | Boolean | 組件是否顯示 | 所有組件默認顯示| | data-* | Any | 自定義屬性 | 組件上觸發的事件時，會發送給事件處理函數 | | bind /catch | EventHandler | 事件 | 詳情見`2.5節 事件` | 組件都擁有各自自定義的屬性，可以對該組件的功能或者樣式進行修飾。