1.使用直接把模板内容用 script 定义在 HTML 中

<script id="tpl" type="text/html">  
<text> {
      
        {
      
        name}}</text> </script>

2然后在编译模板之前，
通过获取 tpl 的 innerHTML 定义原始模板串：
var template = document.getElementById('tpl').innerHTML.trim();
（3）预编译模板使用 parse 函数进行预编译模板，即Mustache.parse(template);要注意，经过预编译后的 template 已经不是原来的模板字符串了，连接数据类型都变成了数组类型。
（4）渲染模板使用 render 函数进行渲染，即var rendered = Mustache.render(template, obj)obj 是数据源对象，mustache 会把模板中属性标签替换成与 obj 对象属性名相同的属性值。
（5）替换 DOM 内容将渲染后的数据挂载到DOM树上。