小程式模板的使用

kerin發表於2018-06-11

模板是什麼？

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

有啥作用？

減少重複程式碼，程式碼會更加簡潔，不同的頁面都可以使用模板，可以提升開發效率

怎麼使用？

  • 模板定義：使用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，可以對每個專案進行操作

相關文章