artTemplate是一个非常轻量级的模板引擎,用起来也非常简单。
数据绑定大致跟vue相似,不过文件大小远比vue小得多,因此很适合在中小型项目中使用
步骤:
1.html中定义一个id为
wraper
的容器
<div id="wraper"></div>
2.
<script type="text/html" id="content">
//模板引擎html结构
<h1>{{title}}</h1>
</script>
3.
var html = template("content",data); //data为数据
document.getElementById("wraper").innerHTML = html;