如何在页面中循环？

for (let i = 0; i < 5; i++) {
  const div = document.createElement('div');
  div.textContent = `这是第 ${i+1} 个循环生成的元素`;
  document.body.appendChild(div);
}

  <div>
    <div v-for="(item, index) in items" :key="index">
      {{ item }}
    </div>
  </div>
</template><script>
export default {
  data() {
    return {
      items: ['第 1 个循环生成的元素', '第 2 个循环生成的元素', '第 3 个循环生成的元素']
    };
  }
};
</script>