小程序自定義組件的使用

使用小程序的自定義組件 相似於 vue的組件開發

• 新建目錄→新建組件

  編輯器會自動生成 組件的 wxml wxss js json 文件

  其中JS 文件中的結構和頁面的不一樣

  組件 json 文件中 須要開啓組件的開關 告訴程序這是組件

{ "component": true}
複製代碼

• 頁面（引入組件的頁面）json 中添加組件配置

{

    "usingComponents": { "component-tag-name": "path/to/the/custom/component" }

}
複製代碼

• 在頁面wxml文件中使用組件

<component-tag-name></component-tag-name>
複製代碼

組件的 生命週期

• created 組件實例化，但節點樹還未導入，所以這時不能用setData

• attached 節點樹完成，能夠用setData渲染節點，但沒法操做節點

• ready 組件佈局完成，這時能夠獲取節點信息，也能夠操做節點

• moved 組件實例被移動到樹的另外一個位置

• detached 組件實例從節點樹中移除