2.3　基礎(chǔ)組件

在微信小程序中，基礎(chǔ)組件類似于前端中的div、span等標簽，是視圖層的基本組成單元。小程序的組件提供了一些便利的功能與屬性，并且與微信整體的UI風格一致，不需要對樣式做過多的調(diào)整。開發(fā)者除了直接使用基礎(chǔ)組件外，也可以通過封裝自定義組件。靈活地運用組件提供的屬性可以有效地提高我們的開發(fā)效率。

2.3.1　組件屬性類型

組件的屬性類型主要有7種，如表2.2所示。

組件上使用的屬性是布爾、數(shù)字、字符串等常見的內(nèi)容，理解起來很容易。

2.3.2　組件公共屬性

首先解釋一下公共屬性與屬性類型這兩個概念的區(qū)別。為了方便開發(fā)，微信小程序給每個組件內(nèi)置了一些屬性，即公共屬性。每個屬性都有自己的類型，即2.3.1小節(jié)所講的屬性類型，不論是公共屬性還是自定義的，都是圍繞著這7個屬性類型展開的。

介紹完了組件的這兩個概念，我們繼續(xù)分析組件的公共屬性。組件的公共屬性主要有6種，如表2.3所示。

從表2.3可以看出，組件提供的公共屬性并不多，而且class、style等屬性和HTML5中的基本相同，所以需要注意的是自定義屬性和事件。

【示例2-3】

我們舉一個簡單的例子，講解一下自定義屬性與事件的用法：

從代碼中可以看出，我們創(chuàng)造了一個view標簽，data-name傳遞了一個值“張三”，bindtap創(chuàng)建了一個點擊事件“tapName”。data-name屬于自定義組件時使用的，在這里不進行展開，只演示傳遞方法，所以這個“張三”只是傳遞進去了，并沒有獲取它。后面的點擊事件可以在wxs文件中，輸入一個同名的方法，執(zhí)行點擊相關(guān)的事件。