前言

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

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

一、小程序的好處和特點

1、好處

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

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

2、特點

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

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

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

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

三、怎么使用自定義組件

1、打開項目文件目錄，新建一個compoments目錄

2、在compoments目錄里，新建一個組件名

3、右鍵單擊選擇新建compoment

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

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

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

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

總結(jié)

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

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

最新評論