注意：目前自定義組件相關(guān)特性處于公測(cè)階段牧氮。如果需要使用相關(guān)特性琼腔，請(qǐng)確認(rèn)在項(xiàng)目選項(xiàng)中已勾選“預(yù)覽/上傳時(shí)使用新特性”瑰枫。
從小程序基礎(chǔ)庫(kù)版本1.6.3開始踱葛，小程序支持簡(jiǎn)潔的組件化編程。開發(fā)者可以將頁(yè)面內(nèi)的功能模塊抽象成自定義組件光坝，以便在不同的頁(yè)面中重復(fù)使用尸诽；也可以將復(fù)雜的頁(yè)面拆分成多個(gè)低耦合的模塊，有助于代碼維護(hù)盯另。自定義組件在使用時(shí)與基礎(chǔ)組件非常相似性含。
實(shí)現(xiàn)控件效果圖
效果.gif
創(chuàng)建自定義組件segment
類似于頁(yè)面，一個(gè)自定義組件由 json鸳惯、wxml商蕴、wxss、js 4個(gè)文件組成芝发。
segment.png
1绪商、在segment.json 文件中進(jìn)行自定義組件聲明（將 component 字段設(shè)為 true）
segment.json
2、在segment.js實(shí)現(xiàn)屬性定義（標(biāo)題組和被選位置）以及組件事件
segment.js
3辅鲸、界面排版（segment.wxml）&樣式（segment.wxss）
segment.wxml
segment.wxss
Page中使用自定義組件（作者的page命名為component）
1格郁、在component.json中聲明要引用自定義組件
image.png
2、然后就可以在component.wxml布局中使用組件
image.png
titles：要顯示的標(biāo)題組独悴，如['首頁(yè)','我的']
selected-index：被選中的位置索引（selectedIndex）
3例书、被綁定數(shù)據(jù)&事件監(jiān)聽
image.png
到此，結(jié)束？坛础＞霾伞！
