釘釘小程序 之 自定義組件的使用，以及父組件與子組件(自定義組件)傳值

目錄：

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

一、本機環境

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

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

子組件中：
項目的根目錄下！！創建自定義組件
在對應 json 文件中定義 component 屬性

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

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

父組件中：
路徑引入在對應頁面下
添加 json 文件中定義 usingComponents
axml 文件中直接使用

如圖 

（圖 3.1）

（圖 3.2）

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

子組件中：
通過屬性 props 傳遞值 numIndex
在 data 中定義對應的值 itemIndex
在生命週期 didMount 中修改對應的值

如圖 

（圖 4.1）

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

子組件通過函數參數，傳遞值給父組件
子組件通過 props 屬性傳遞函數，但是注意⚠️，函數名必須以 on 開頭
父組件中給對應函數屬性，傳遞對應的方法

如圖 子組件

（圖 5.1）

如圖 父組件

（圖 5.2）

備註

第 五 步尷尬了很久，因爲函數名不是以 on 開頭的！！！，過分，開發文檔的提示，可不可以加個其他顏色吶！！！微笑😊，參考這裏：

寫給自己的隨筆，有問題歡迎指出