html

<div id="box"></div> 

template.tpl

<script id="template1" type="text/html">
      {{each}}
       <div class="item">{{value}}</div>
      {{/each}}
</script>

page.js

$("#box .item").remove()  //先删除元素
var tpl = template("template1",['测试1','测试2'])
$("#box").append(tpl)

如果网络比较慢 页面资源加载过慢 就会导致重复添加
渲染后页面代码为

 <div class="item">测试1</div>
 <div class="item">测试2</div>
 <div class="item">测试1</div>
 <div class="item">测试2</div>

先删除再添加的 想不通为啥会重复叠加？？？我太菜了。。。

嗯，找到答案再补充。。。

目前我是通过html()解决的

var tpl = template("template1",['测试1','测试2'])
$("#box").html(tpl)