Juicer 是一個高效、輕量的前端 (Javascript) 模板引擎，使用 Juicer 可以使你的代碼實現數據和視圖模型的分離(MVC)。

註釋：{# 註釋內容}
輔助循環：{@each i in range(m, n)}
判斷：{@if} ... {@else if} ... {@else} ... {@/if}
轉義/避免轉義：$${變量}可避免內容被轉義

輸出變量：${變量}

${name}
${name|function}
${name|function, arg1, arg2}

循環遍歷：{@each} ... {@/each}

{@each list as item, index}
    ${item.prop}
    ${index} //當前索引
{@/each}
 

模板定義及使用：

// 引入juicer
<script type="text/javascript" src="juicer-min.js></script>

// 定義模板
<script type="text/juicer"
id="tplId">
    Hi, ${name}
</script>

// 渲染模板
var data = { name: ‘vipin‘ };
juicer(‘tplId‘, data);

官方地址：https://github.com/PaulGuo/Juicer

juicer模板引擎使用記錄.md