模板
wxml提供模板（template），可以在模板中定義**片段，然後在不同的地方使用。可以保證格式以及資料的相同。
1-定義模板
使用``標籤定義模板，並將模板名稱命名為tempname，賦值給屬性name。在標籤內部，定義模板結構。如下：
? 1
2
3
4
5
6
7
8
9
10
11
12
}: }
time: }
2-使用模板
使用標籤，在需要使用模板的地方。如果要用到js檔案中的資料，則需要新增data屬性。如下：
? 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
此時在頁面上就會重複顯示三次相同的資訊。
page(
}
})
3-is屬性
is屬性不僅可以靜態的指向渲染的模板，也可以使用mustache語法，來動態決定具體需要渲染哪個模板。如下：
? 1
2
3
4
5
6
7
8
9
10
11
12
13
14
// templates
odd
even
// is屬性使用mustache語法動態渲染template
如上**，則會在頁面中根據條件來顯示odd 或是 even
4-模板的引用
如上都是在同乙個wxml檔案中定義和引用模板，而模板的定義和引用是可以分開的。即在乙個檔案中定義模板，而在其他乙個或多個檔案wxml檔案中都可以使用定義好的模板。
從外部檔案中引用模板，使用import src="templateurl" />標籤。同樣使用is屬性來指向要引用的標籤。
如目錄如下：
? 1
2
3
4
5
6
7
8
9
10
11
-pages
|--index
|--index.js
|--index.json
|--index.wxml
|--index.wxss
|--template
|--template.js
|--template.json
|--template.wxml
|--template.wxss
要在index.wxml中使用template中定義的模板，則需要先在index中利用import來匯入該模板：
? 1
2
3
4
// 使用的是自己js檔案中的資料
要注意import作用域，其僅僅引用目標檔案中template。如：c import b，b import a，在c中可以使用b定義的template，在b中可以使用a定義的template，但是c不能使用a定義的template。
微信小程式模板（template）使用詳解
效果圖 以mui的例項首頁和列表頁面為例項 通過上圖，可以看出兩個頁面的列表部分很相近，以每行作為單元製作模ejjby板。template模板 1 模板存放的位置以及使用模板頁面存放的位置 template模板的wxml 注意 上邊在同乙個wxml檔案內建立了兩個模板，乙個右側有箭頭，乙個右側無箭頭...
微信小程式 模板（template）
以mui的例項首頁和列表頁面為例項 通過上圖，可以看出兩個頁面的列表部分很相近，以每行作為單元製作模板。1 模板存放的位置以及使用模板頁面存放的位置 template模板的wxml 注意 上邊在同乙個wxml檔案內建立了兩個模板，乙個右側有箭頭，乙個右側無箭頭，以name名識別。template模板...
微信小程式template使用
當您的專案需要多次使用同乙個布局和樣式的時候，您就可以考慮使用template 模板 來減少冗餘 使用方式 1.新建乙個template資料夾來存放您的通用模板 2.在資料夾裡面新建乙個wxml，wxss,進行模板和樣式的定義 3.設定模板的name，以及裡面您需要定義的wxml內容 4.設定wxs...