如何将数组作为属性传递给模板，然后使用该数组，然后递归使用该模板？

// 定义一个模板
const template = `
  <ul>
    {{#each items}}
      <li>{{this}}</li>
      {{#if hasChildren}}
        <ul>
          {{> template items=this.children}}
        </ul>
      {{/if}}
    {{/each}}
  </ul>
`;

// 定义一个数组
const data = [
  {
    name: 'Item 1',
    hasChildren: true,
    children: [
      {
        name: 'Item 1.1',
        hasChildren: false,
      },
      {
        name: 'Item 1.2',
        hasChildren: false,
      },
    ],
  },
  {
    name: 'Item 2',
    hasChildren: false,
  },
];

// 使用模板引擎渲染模板
const renderedTemplate = render(template, { items: data });

// 将渲染后的模板插入到页面中
document.getElementById('container').innerHTML = renderedTemplate;