<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script src="./js/jquery-1.8.3.min.js"></script>
<script src="./js/template-web.js"></script>
</head>
<body>
<script id="wenzi" type="text/template">
{{each title as value i}}
<li>{{i+1}} {{value}}</li>
{{/each}}
</script>
<script>
var arr = {
name:"张飞",
age:12,
title:['文艺', '博客', '摄影', '电影', '民谣', '旅行', '吉他']
}
// 第一个参数:(wenzi)为上面script标签的id
//第二个参数:为上面的对象,并且第二个参数只能为对象
var textHtml = template('wenzi',arr)
//body是你承装内容的控件
$('body').html(textHtml)
</script>
</body>
</html>
art-template 下载地址:https://www.jianshu.com/p/e7f3d0c93ed3