Vue.js 如何创建n个div，n来自Vue中的数据？

此代码不创建4个div。它只是创建了一个包含4的div。如何通过从数据中获取数字来创建div

<template>
  <div>
    <div v-for="n in number" :key="n">
      {{n}}
    </div>
  </div>
</template>

<script>
export default {
  data: function () {
    return{
      number: 4
    }
  }
}
</script>

{{n}}
导出默认值{
数据：函数（）{
返回{
电话：4
}
}
}

v-for

可以确定的范围是整数：

这是您的

div

示例：

如果您的版本不起作用，问题就出在其他地方，而不是

v-for=“n in 5”