mustache.js如何使用

Mustache.js是一个JavaScript模板引擎，可以帮助你将数据和HTML模板结合起来生成动态的HTML页面。下面是Mustache.js的使用步骤：

1. 在你的HTML文件中定义一个模板，例如：

<script type="text/template" id="my-template">
    <h1>{{title}}</h1>
    <ul>
        {{#items}}
        <li>{{.}}</li>
        {{/items}}
    </ul>
</script>

这个模板包含一个标题和一个项目列表，使用{{}}语法表示模板中需要替换的变量。

2. 在你的JavaScript代码中定义一个数据对象，例如：

var data = {
    title: "My List",
    items: ["Item 1", "Item 2", "Item 3"]
};

这个数据对象包含一个标题和一个项目列表，与模板中的变量对应。

3. 使用Mustache.js的渲染函数将数据对象和模板结合起来生成HTML代码，例如：

var template = document.getElementById("my-template").innerHTML;
var html = Mustache.render(template, data);
document.getElementById("my-container").innerHTML = html;

这个代码使用模板和数据对象生成HTML代码，并将生成的HTML代码插入到页面上的一个容器元素中。

现在你就可以使用Mustache.js生成动态的HTML页面了。需要注意的是，Mustache.js支持循环、条件判断、注释等模板语法，可以根据具体的需求进行使用。