首先引入插件art-template:
<script src="./js/template-web.js"></script>
然后定义模板,使用script,一定要有个ID,type类型是text/html:
<script id="course_info" type="text/html">
{{if status == 2}}
<span>已有{{show_number}}人报名</span>
{{/if}}
</script>
然后再到js文件中进行调用,括号内的参数,第一个是ID,就是上面定义模板里面的ID,第二个参数就是传过去的对象,所要进行渲染的数据,从接口拿到的数据等。
let html = template('course_info', response)
let app = document.querySelector('.app');
app.innerHTML = html;