創(chuàng)建組件文件

1、在根目錄下創(chuàng)建components文件
2、在components下創(chuàng)建我們的組件文件夾con-title
3、在文件夾con-title創(chuàng)建4個文件以js、json、wxml、wxss結(jié)尾的。

組件的的文件與pages下的文件格式是一樣的，我們所有的頁面都是依賴這四個文件。

快捷創(chuàng)建方式：
可以現(xiàn)在components文件夾下創(chuàng)建組件文件夾，點擊鼠標右鍵，選擇新建component，就會自動創(chuàng)建四個文件了

創(chuàng)建成功后的結(jié)構(gòu)

之后就可以在wxml文件中寫入組件內(nèi)容了。

注意：先查看下組件中json文件中component字段是否為true，沒有的話，需要寫上，默認情況是有的。

{
  "component": true,    # 目的是證明自己是個組件
  "usingComponents": {}
}

我們在組件con-but.wxml寫入內(nèi)容：

<button>按鈕1</button>
<button>按鈕2</button>
<button>按鈕2</button>

如果想調(diào)用組件的內(nèi)容，需要在我們的頁面中的json中usingComponents中進行注冊引用

{
  "usingComponents": {
    "con-btn":"/components/con-button/con-but"
  }
}

注意：con-title是給組件起的別名，后面跟著組件的路徑。
路徑可以是相對路徑，也可以是絕對路徑均可。

直接在wxml文中引用別名標簽就可以了

<con-btn/>
<con-btn></con-btn>

注意：這里可以使用單標簽，也可以使用雙標簽。

總結(jié)
1、組件是放在components目錄下
2、創(chuàng)建組件時，一定要在組件json文中聲明"component": true,我是組件。
3、在調(diào)用時，要在頁面中的json文件中usingComponents對象下聲明，key：values的形式。
4、在頁面中使用組件時，是使用起的別名key的名稱，可使用單標簽的形式