juicer高效、轻量的前端 (Javascript) 模板引擎的应用与 js-json格式转换为数组

先写前台界面：

script id="tpl" type="text/template">
        {@each list as it,index}
            <a href="#?id=${it.id}&type=${it.type}">
            	<li>
	            <span>${it.title}</span>
	            <time>${it.dtime}</time>
	            </li>
            </a>
        {@/each}
</script>

juicer调用的数据通过js控制台打印 console.log(data);

js通过ajax得到的json数据为字符格式

json 数据 转化为juicer可调用的数据格式json

var myobj = eval("["+data+"]");
 myobj=myobj[0];
 var json ={
   list : myobj
};

var tpl = document.getElementById('tpl').innerHTML;
var html = juicer(tpl, json);

得到的html相当于字符组件，通过jquery加到html页面中

$(".container ul").append(html);