juicer 语法

${ 变量 }

处于安全角度考虑 ${ 变量 } 会对内容进行转义 $${ 变量 }避免转义

${ _ } 常用于数据源为数组的情况 _ 为对数据源的引用

${@each} ...{@/each}　　循环

${@if}...{@else if}...{@else}...{@/if}

${varname | function }

{# 注释内容}

自定义函数

var json = {

　　links: [

　　　　{ href: 'http://juicer.name' , alt: 'Juicer'},

　　　　{ href: 'http://benben.cc', alt: 'Benben'},

　　　　{href: 'http://ued.taobao.com', alt: 'Taobao UED'}　　

　　]

};

 

var tpl = [

　　'{@each links as item}',

　　　　'${item|links_build}
',

　　'{@/each}'

].join(' ');

 

var links = function(data) {

　　return '';

}

juicer.register('links_build', links);

juicer(tpl, json);

 

html 中的模版 和javascript 有相应的对应关系

/*********************************************/

　　框架里的 tr 的id

　　在juicer 进行数据绑定

　　

/********************************************/

 

转载于:https://www.cnblogs.com/hiraeth/p/8568899.html