<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>art-template</title>
<script src="D:\web\Node\node_modules\art-template\lib\template-web.js"></script>
</head>
<body>
<script type="text/template" id="vmOne">
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<p>hello {
{
name }} </p>
<p> your age is {
{
mutiple(1,18) }} </p>
<p>Hobbies are : {
{
each hobbies }} {
{
$value }} {
{
/each }}</p>
</body>
</html>
<!-- {
{
}} 是mustache 语法 -->
</script>
</body>
<!-- 在浏览器中需要引用 lib/template-web.js 文件 -->
<script >
var exa = template ('vmOne' ,{
name: 'Vodka',
mutiple: function(a,b){
return a * b;
},
hobbies: ['唱','跳','rap']
});
console.log(exa);
</script>
</html>
