思路：

1.在組件wxml文件里實現(xiàn)布局、數據綁定、事件綁定；

2.組件js文件里定義事件，并將文件所有內容作為一個對象export出去；
3.在引用的文件引入組件（方式有兩種，一個是用include引入，一個是import引入，詳情：https://mp.weixin.qq.com/debug/wxadoc/dev/framework/view/wxml/import.html);

4.數據傳遞。在引用文件對應的js里定義要傳遞的數據，數據名稱與組件wxml文件里的一致；

5.函數映射。在引用文件對應的js里import組件js對象，并將相應事件映射過來，映射名須與函數名一致。

例子：公用組件為一個蒙版彈窗，提示內容各頁面也有差異，以其中一個為例

效果圖：

代碼(樣式部分的代碼就不貼了=.=)

1.components

wxml: (如果要用import方式引入組件，則wxml文件需將template作為根元素)

js: 定義了一個yesIKonw事件來控制關閉蒙蔽層

2.引用頁面

wxml: 通過include引入公共組件

js: 定義要傳遞的數據值（flag、alertInfo）,并映射函數yesIKnow，使得在引用頁可控制蒙版組件的展示與隱藏。

PS：

1.需在引用頁的wxss文件里引入公共組件的樣式wxss文件