Juicer template engine usage records. MD

Juicer is an efficient, lightweight front-end (Javascript) template engine that uses juicer to enable your code to decouple data and view models (MVC).

Comments:{# 注释内容}
Auxiliary loops:{@each i in range(m, n)}
Judge:{@if} ... {@else if} ... {@else} ... {@/if}
Escape/Avoid escaping: prevents $${变量} content from being escaped

Output variables:${变量}

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

Loop traversal:{@each} ... {@/each}

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

Template definition and use:

// 引入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);

Official address: Https://github.com/PaulGuo/Juicer

Juicer template engine usage records. MD