??在uni-app開發(fā)規(guī)范中，有一個注意的點(diǎn)就是不能使用標(biāo)準(zhǔn)HTML標(biāo)簽。上帝給你關(guān)上門的時候總會給你打開一扇窗—— uni-app組件。uni-app框架為我們提供了一系列基礎(chǔ)組件，我們可以通過組合這些基礎(chǔ)組件進(jìn)行快速開發(fā)。
什么是組件？
??組件是視圖層的基本組成單元。一個組件通常包括開始標(biāo)簽和結(jié)束標(biāo)簽，屬性用來修飾這個組件，內(nèi)容在兩個標(biāo)簽之內(nèi)。說白了，組件就是我們之前寫的HTML標(biāo)簽唄，標(biāo)簽的名不一樣而已！
組件屬性類型：
| 類型 | 描述 | 注解 |
|---|---|---|
| Boolean | 布爾值 | 組件寫上該屬性，不管該屬性等于什么，其值都為 true，只有組件上沒有寫該屬性時，屬性值才為 false。如果屬性值為變量，變量的值會被轉(zhuǎn)換為 Boolean 類型。 |
| Number | 數(shù)字 | 1, 2.5 |
| String | 字符串 | "string" |
| Array | 數(shù)組 | [ 1, "string" ] |
| Object | 對象 | { key: value } |
| EventHandler | 事件處理函數(shù)名 | handlerName 是 methods 中定義的事件處理函數(shù)名 |
| Any | 任意屬性 |
組件共同屬性類型：
所有組件都有的屬性：
| 屬性名 | 類型 | 描述 | 注解 |
|---|---|---|---|
| id | String | 組件的唯一標(biāo)示 | 保持整個頁面唯一 |
| class | String | 組件的樣式類 | 在對應(yīng)的 css 中定義的樣式類 |
| style | String | 組件的內(nèi)聯(lián)樣式 | 可以動態(tài)設(shè)置的內(nèi)聯(lián)樣式 |
| hidden | Boolean | 組件是否隱藏 | 所有組件默認(rèn)是顯示的 |
| data-* | Any | 自定義屬性 | 組件上觸發(fā)的事件時，會發(fā)送給事件處理函數(shù) |
| @* | EventHandler | 組件的事件 | 詳見各組件詳細(xì)文檔，事件綁定參考 事件處理器 |
特殊屬性：
??幾乎所有組件都有其自己個兒的屬性，可以對該組件的功能或樣式進(jìn)行修飾，這個我們在體驗(yàn)各個組件時就能了解到。
組件分類：
基礎(chǔ)組件分為以下十大類：
??視圖容器（View Container）
??基礎(chǔ)內(nèi)容（Basic Content）
??表單組件（Form）
??導(dǎo)航（Navigation）
??媒體組件（Media）
??地圖（Map）
??畫布（Canvas）
??webview（Web-view）
??平臺開放數(shù)據(jù)（Open-data）
??擴(kuò)展組件（Uni-ui）
Tips:
- 所有組件與屬性名都是
小寫，單詞之間以連字符-連接。 - 組件的根節(jié)點(diǎn)為 <template>，這個 <template> 下只能有一個根組件。
走，體驗(yàn)去！
