前言

從小程序基礎(chǔ)庫(kù)版本 1.6.3 開始，小程序支持簡(jiǎn)潔的組件化編程。所有自定義組件相關(guān)特性都需要基礎(chǔ)庫(kù)版本 1.6.3 或更高。

開發(fā)者可以將頁(yè)面內(nèi)的功能模塊抽象成自定義組件，以便在不同的頁(yè)面中重復(fù)使用；也可以將復(fù)雜的頁(yè)面拆分成多個(gè)低耦合的模塊，有助于代碼維護(hù)。

一、小程序的好處和特點(diǎn)

1、好處

開發(fā)者：小程序開發(fā)門檻相對(duì)較低，難度不及APP，能夠滿足簡(jiǎn)單的基礎(chǔ)應(yīng)用，適合生活服務(wù)類線下商鋪以及非剛需低頻應(yīng)用的轉(zhuǎn)換；也能節(jié)約開發(fā)和推廣成本。

用戶：能夠節(jié)約使用時(shí)間成本和手機(jī)內(nèi)存空間。對(duì)于開發(fā)者來說

2、特點(diǎn)

便捷性：小程序是不需要下載安裝的，即用即走，非常方便用戶的使用。并且不占用手機(jī)的內(nèi)存，很便捷。

唯一性：小程序的名稱是具有唯一性的，誰(shuí)先注冊(cè)就是誰(shuí)的，當(dāng)別人已經(jīng)注冊(cè)成功了，你是沒有辦法在注冊(cè)的。

二、為什么要使用自定義組件

在寫小程序的時(shí)候，可能存在很多個(gè)頁(yè)面要使用同一個(gè)組件的情況，比如說，設(shè)計(jì)了4個(gè)頁(yè)面，每個(gè)頁(yè)面的頂部都需要顯示一個(gè)搜索框，如果在每個(gè)頁(yè)面都復(fù)制同一份搜索框的代碼，會(huì)比較繁雜，代碼可讀性比較差，也不易于后期代碼維護(hù)，此時(shí)可以單獨(dú)封裝為一個(gè)組件，大概意思就是，也就是通常說的自定義組件，此后哪個(gè)頁(yè)面需要用到時(shí)就直接在對(duì)應(yīng)頁(yè)面的json文件中引入即可。

三、怎么使用自定義組件

1、打開項(xiàng)目文件目錄，新建一個(gè)compoments目錄

2、在compoments目錄里，新建一個(gè)組件名

3、右鍵單擊選擇新建compoment

4、在自定義組件（prolist）里完成邏輯代碼 5、在要引用組件的頁(yè)面中的json文件中，注冊(cè)組件

6、在頁(yè)面的wxml中就可以使用prolist組件

7、在組件（prolist）中接收傳過來的值

8、接收的值可以在組件的wxml文件中直接使用

總結(jié)

• 新建一個(gè)目錄存放自定義組件
• 再新建一個(gè)組件的文件夾
• 創(chuàng)建compoment
• 完成組件的邏輯代碼
• 在其他頁(yè)面注冊(cè)組件
• 使用組件

到此這篇關(guān)于微信小程序新手入門之自定義組件使用的文章就介紹到這了,更多相關(guān)微信小程序自定義組件內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！