【微信小程序】組件化開發

組件化（Component）開發

1、組件化開發的概念：

內置組件有：view image text button form icon 

2、建立自定義組件：

兩種建立組件的方法：

一、公共組件（多個page共用） 建立在 /components/w-swiper 中

二、私有組件（某個page本身使用）  建立在 /pages/home/w-swiper 中

注意：這裏是在 /components/w-swiper 目錄下 新建Component

註冊和使用組件：

註冊組件：

使用組件：

3、自定義組件注意事項：

 4、組件的樣式：

5、組件與頁面通訊：

5-1 頁面向組件傳遞數據

5-2 頁面向組件傳遞樣式

5-3 組件向頁面傳遞事件 --自定義事件

個人同步筆記：

tab-Bar練習：

 

 

補充一個HTML+css技巧：

 

 

5-4 頁面獲取組件對象，修改組件內的數據和調用組件內的方法

  

 6、組件插槽 slot

 

 組件的Component構造器總結