下載

git clone https://github.com/aui/art-template

沒安裝git的可以直接開啟網址下載，下載完後使用lib資料夾下的template.js

文字文件

art-template

簡單渲染

HTML程式碼–script裡面的標籤的type不能讓其解析為js即可， $valu$

<div class="container">
	<script type="text/html" id="template">
		<h1>
			{{title}}
		</h1>
		<ul>
			{{each books}}
			<li>{{$value}
 
}</li>
			{{/each}}
		</ul>
	</script>
	</div>

JS程式碼—引入template-web.js將其渲染，第一個引數為上面的id，第二個引數是一個物件，如果得到的資料是一個數組array,則應該傳入一個屬性使其成為物件,即template(‘template’,{list:array})

<script src="template-web.js" type='text/javascript'></script>
<script>
	window.onload = function
 
(){
		var data = {
            title : '圖書資訊',
            books:['三國演義','水滸傳','西遊記','紅樓夢']
        };
        var html = template('template',data)
        document.querySelector('.container').innerHTML = html
	}
</script>