1. each的使用方法(遍歷數組或者對象)

{{include "tpl/components/page3-school-slide/each-slide"
      data='[
          { 
            "name": "badao", 
            "word": "刀"
          }, {
            "name": "changge",
            "word": "歌"
          }, {
            "name": "cangyun",
            "word": "雲"
          }
      ]'
        
    }}
      

    {{#each data}}
      <div class="swiper-slide school-slide">
        {{include "tpl/components/page3-school-slide/index"
                  name=this.name
                  word=this.word
        }}
      </div>
    {{/each}}
    
    
    {{#each data}}
      <li class="{{../ns}}-tab-li"
      data-index={{@index}}     //數組遍歷時索引值爲 {{@index}}, 對象爲{{@key}} 
      data-img="assets/images/page_exterior/tab/{{this.name}}.jpg" data-name="{{this.name}}">
        <img src="assets/images/page_exterior/tab/s/{{this.name}}.jpg" alt="">
     </li>
    {{/each}}

2. 判斷是否有傳參, 有的話使用傳參的值, 沒有的話使用默認值

{{#unless ns}}
        {{var ns = 'xxx'}}
    {{/unless}}

3. if else 判斷

{{#if list}}
    <ul id="list">  
        {{#each list}}
            <li>{{this.name}}</li>
        {{/each}}
    </ul>  
    {{else}}
        <p>{{error}}</p>
    {{/if}}
    
    
    
    //對應適用json數據
    var data = {  
        info:['HTML5','CSS3',"WebGL"],
        "error":"數據取出錯誤"
    }
    
    這裏{{#if}}判斷是否存在list數組，若是存在則遍歷list，若是不存在輸出錯誤信息

4. each 判斷是不是第一個或者是最後一個

{{#each list}}
        ```
        {{#if @first}}  //{{#if @last}}
          ```
        {{else}}
         ```
        {{/if}}
        ```
    {{/each}}
    
    {{#each list}}
      <li class="page6-homepage-nav-li">
        <div class="page6-homepage-li-box">
          <div class="page6-homepage-playing-method-box">
            <div class="page6-homepage-method-img-box">
              <img src="assets/images/page6/homepage/img-{{this.method-type}}.png" alt="">
            </div>
            {{#if @first}}
              <div class="page6-homepage-method-nav-btn active" data-index="{{this.index}}">{{this.method-type-text}}</div>
            {{else}}
              <div class="page6-homepage-method-nav-btn" data-index="{{this.index}}">{{this.method-type-text}}</div>
            {{/if}}
            <p class="page6-homepage-method-introduce">{{this.method-type-introduce}}</p>
          </div>
        </div>
      </li>
    {{/each}}

1. 遍歷時給指定的某個值進行特殊處理(使用比較方法)

{{#compare  name "==" "changge"}}
  do something
{{else}}
  do something else
{{/compare}}

{{#each data}}
  {{#compare this.num "==" 1}}
    <li class="tab-li active" data-img="assets/images/page_exterior/tab/{{this.num}}.jpg" data-name="{{this.name}}">
      <img src="assets/images/page_exterior/tab/s/{{this.num}}.jpg" alt="">
    </li>
  {{else}}
    <li class="tab-li" data-img="assets/images/page_exterior/tab/{{this.num}}.jpg" data-name="{{this.name}}">
      <img src="assets/images/page_exterior/tab/s/{{this.num}}.jpg" alt="">
    </li>
  {{/compare}}
{{/each}}

1. content block 內容嵌套

// 外層
{{var ns = "layout-wrapper"}}
{{#extend "tpl/layouts/base-layout" }}
    {{#block "body"}}
      <!--頁面正文從這裏開始-->
    {{/block}}
{{/extend}}


// 內層:
{{#extend "tpl/layouts/index" title="標題"}}
  {{#content "body"}}
    {{var ns = "index"}}
    <style class="inline" type="text/less">

    </style>
    {{include "tpl/components/swiper/index"}}
    <div>插入的頁面內容</div> 
  {{/content}}
{{/extend}}