當您的(de)項目需要(yào / yāo)多次使用同一個(gè)布局和(hé / huò)樣式的(de)時(shí)候，您就(jiù)可以(yǐ)考慮使用template（模闆）來(lái)減少冗餘代碼。

使用方式：

1.新建一個(gè)template文件夾來(lái)存放您的(de)通用模闆；

2.在(zài)文件夾裏面新建一個(gè)wxml，wxss,進行模闆和(hé / huò)樣式的(de)定義；

3.設置模闆的(de)name，以(yǐ)及裏面您需要(yào / yāo)定義的(de)wxml内容；

4.設置wxss樣式；

5.在(zài)需要(yào / yāo)使用的(de)頁面使用import導入該wxml頁面，注意路徑位置；

6.在(zài)需要(yào / yāo)使用的(de)wxss文件導入該wxss；

7.在(zài)頁面上(shàng)使用該模闆，通過is判斷使用哪個(gè)模闆,這(zhè)裏我們使用name爲(wéi / wèi)courseStudent模闆（此處使用的(de)是(shì)列表循環，所以(yǐ)data值爲(wéi / wèi)item）；

若将data使用ES6 展開運算符‘...’，則模闆裏面綁定數據就(jiù)不(bù)需要(yào / yāo)在(zài)前面加入item了(le／liǎo)

<!--使用ES6展開運算符 -->
<template is="courseStudent" data="{{...item}}"></template>

<template name="courseStudent">
  <!-- 此處渲染數據的(de)時(shí)候就(jiù)不(bù)需要(yào / yāo)使用 item.xxx了(le／liǎo)-->  
  <view>{{courseName}}</view>
</template>