Handlebars 是一个页面模板化工具。1、使用场景当网站中很多页面的排版格式是相同的,只是其中内容不同,此工具就是比较好的解决方案。更多使用建议,看这里!二、怎么使用?
1、远程handlebars通过加载 远程handlebars库,解析页面模板并加载到HTML中。通过下面5个步骤清晰展示 handlebars 怎么加载和使用。
1、页面加载时,调用下面代码document.addEventListener(DOMContentLoaded, function () { 2、加载 handlerbars 模板 const article
4、加载数据到模板中,并创建元素 var root document.createElement(div); root.innerHTML article(data); 5、显示在页面中 document.body.appendChild
2、babel-plugin-handlebars-inline-precompile把字符串表示的 Handlebars 模板,用在 JavaScript 代码中。