js的模板引擎是什么意思

<!-- 定义模板 -->
<script id="user-template" type="text/x-handlebars-template">
  {{#each users}}
    <div>
      <h2>{{name}}</h2>
      <p>{{email}}</p>
    </div>
  {{/each}}
</script>

<!-- 引入Handlebars库 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.7.7/handlebars.min.js"></script>

<script>
  // 编译模板
  var source = document.getElementById('user-template').innerHTML;
  var template = Handlebars.compile(source);

  // 准备数据
  var data = {
    users: [
      { name: 'Alice', email: 'alice@example.com' },
      { name: 'Bob', email: 'bob@example.com' }
    ]
  };

  // 渲染模板
  var html = template(data);
  document.body.innerHTML += html;
</script>