官方介紹：
本次demo目錄結構：
page下兩個資料夾，乙個components，用於存放元件；乙個home，為我們的主要頁面；
components裡面兩個元件，乙個banner，乙個news，都是都過右鍵 => 新建component 生成的；
第一步：配置 home.json 使頁面能使用元件；
home.json
}
home.wxml
/**
* 元件的屬性列表 (對外屬性)
*/properties: }},
/*** 元件的初始資料 (私有資料)
*/data: ,
在元件模板中可以提供乙個節點，用於承載元件引用時提供的子節點。
news-item.wxml
options:之前
之後
在每個item裡面繫結乙個事件 ontap
}}
methods:
// 觸發事件的選項
const myeventoption = {}
this.triggerevent('myevent',myeventdetail,myeventoption)}}
home.wxml
之前
之後
onmyevent(e) )
},
生命週期方法頁可以直接定義在 component 構造器的第一級引數中，不過還是推薦在 lifetimes 欄位內進行宣告，這樣優先順序最高。
lifetimes: ,
attached() ,
ready() ,
moved() ,
detached() ,
error(err)
}
微信小程式 元件化開發
7.slot 插槽的使用 8.component構造器 類似於頁面，自定義元件由json，wxml，wxss，js四個檔案 在wxml檔案中編寫屬於元件自己的模板 在wxss中編寫屬於元件的相關樣式 在js檔案中定義資料結構和相關邏輯 以home頁面為例 1.先在home.json中進行註冊 usi...
微信小程式開發 元件 5
編輯器匯出內容支援帶標籤的html和純文字的text，編輯器內部採用delta格式進行儲存。通過setcontents介面設定內容時，解析插入的html可能會由於一些非法標籤導致解析錯誤，建議開發者在小程式內使用時通過 delta 進行插入。富文字元件內部引入了一些基本的樣式使得內容可以正確的展示，...
微信小程式開發 元件 3
group class radio group bindchange radiochange class radio wx for checked color pink page radiochange function e 從底部彈起的滾動選擇器。class section class secti...