1. 本機環境
2. 自定義組件（子組件）
3. 頁面中引入（父組件引入子組件）
4. 父組件（使用自定義組件的頁面）傳值給子組件
5. 子組件（自定義組件）傳值給父組件
6. 備注

一、本機環境

本機系統： Mac
小程序開發者工具:  1.5.7
復制代碼

二、自定義組件（子組件）

子組件中：

項目的根目錄下！！創(chuang)建自(zi)定義(yi)組(zu)件

在對應 json 文(wen)件中定義 component 屬性

如圖在根目錄 的 `components` 目錄（目錄名自定義）下存放自定義組件
復制代碼

三、頁面中引入（父組件引入子組件）

如圖 
復制代碼

（圖 3.1）

（圖(tu) 3.2）

四、父組件（使用自定義組件的頁面）傳值給子組件

如圖 
復制代碼

（圖(tu) 4.1）

五、子組件（自定義組件）傳值給父組件

子(zi)組(zu)件通過(guo)函數參(can)數，傳遞值給父組(zu)件

子組(zu)件(jian)通過 props 屬性傳遞函(han)數，但(dan)是注意:warning:，函(han)數名必須以 on 開(kai)頭(tou)

父組件中給對應函數屬性，傳遞(di)對應的方法

如圖 子組件
復制代碼

（圖(tu) 5.1）

如圖 父組件
復制代碼

（圖 5.2）

備注

第 五 步尷(gan)尬了很久(jiu)，因為函(han)數名 不是以 on 開(kai)頭的！！！ ，過(guo)分，開(kai)發文檔的提示，可不可以加個其他顏色(se)吶！！！微笑:blush:，參考(kao) 這里 ：

寫給(gei)自己(ji)的隨筆，有問題歡迎指(zhi)出(chu)