模板字符串（浏览器）

引入

    <script src="https://cdn.bootcdn.net/ajax/libs/art-template/4.13.2/lib/template-web.min.js"></script>

 

       

 <!-- 创建 script 标签创建模板,注意下面几点 -->
        <!-- 1. type="text/该斜杠后可以是 html,template... 不是script即可)" -->
        <!-- 2. 给 script 标签添加 id ，此 id 即为模板 id -->
        <!-- 3.模板 script 标签必须在 template() 方法调用的 script 标签之前 -->
        <script type="text/html" id="tpl">

            <h2>{{user.name}}</h2>
            <h2>{{user.age+18}}</h2>
            <h2>{{user.age>18?'成年':'未成年'}}</h2>


            {{if user.flag}}
                显示
            {{/if}}

            {{each user.target}}
                {{$index}} 
                {{$value}}
            {{/each}}
        </script>
        <script>
            var user = {
                name: 'Template username',
                age:19,
                flag:false,
                target:["a","b","c"]
            }
            // 在浏览器中使用template方法（参数一 模版id 参数二 数据 必须是对象类型）
            var html = template('tpl', {user: user})
            var container = document.querySelector('#container');
            container.innerHTML = html;
        </script>

var html = template.render('tpl', {user: user}) //render  node端使用