本文共 748 字，大约阅读时间需要 2 分钟。
js的模板引擎就和服务端的差不多，都是更好更快的拼接html用于显示，我参考了文章：http://www.cnblogs.com/zhuzhiyuan/p/3510175.html
tmpl常用标签
${}, {{each}}, {{if}}, {{else}}, {{html}}
不常用标签
{{=}},{{tmpl}} and {{wrap}}.
1.
${}等同与{{=}}是输出变量 ${}里面还可以放表达式 （使用{{=}}的时候=和变量之间一定要有空格，否则无效，即为：{{= 变量}}）
2.
{{each}} 提供循环逻辑，$value访问迭代变量 也可以自定义迭代变量(i,value)
该标签{{each}} {{/each}}需要两两配合，其实就是each迭代器的用法{{each(i,data) datas}} i是序号，data是单个数据，datas是数据集合，两这中间要有个空格
3.
{{if }} {{else}}提供了分支逻辑相当于else if，参照js语法即可
4.
{{html}} 输出变量html,但是没有html编码，适合输出html代码使用此字段注意{{html 变量}}中间也是一个空格
5.
{{tmpl}} 嵌套模版
6.
{{wrap}},包装器
7.
$data $item ：$item代表当前的模板；$data代表当前的数据。8.
$.tmplItem()方法，使用这个方法，可以获取从render出来的元素上重新获取$item，即从渲染的html中拿出数据9.
$.template函数