小程序模板的使用

模板是什麼？

顧名思義，模板就是頁面中能夠套用的公共資源

---

有啥做用？

減小重複代碼，代碼會更加簡潔，不一樣的頁面均可以使用模板，能夠提高開發效率

---

怎麼使用？

• 模板定義：使用name做爲模板名字

<template name="list-item">
......內容........
</template>

• 模板使用:使用is="name",聲明須要的使用的模板，而後將模板所須要的data傳入

<template is="list-item" data="{{...item}}" />

• 引用：<import src='目標路徑'/>

  import有做用域概念，不能傳遞import.好比A中import B,B import C,這時A是不能使用C的

• 引用：<include src='目標路徑'/>

  至關於直接拷貝模板中除template外的代碼

• 數據傳入渲染
  使用...三個點展開數據

<view wx:for="{{result}}" wx:key="index" data-index="{{index}}">
        <template is="list-item" data="{{...item}}" />
 </view>

能夠經過在外部加入一個父級view使用for循環，輸出全部數據，而且經過綁定index，能夠對每一個項目進行操做