Как я могу создать n div, n исходя из данных в Vue?

Question

Этот код не создает 4 деления.Это просто создает div с 4 в нем.Как я могу создать div, получая число из данных?

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

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

Answer 1

v-for вполне может варьироваться в целых числах: https://vuejs.org/v2/guide/list.html#v-for-with-a-Range

Вот ваш пример div:
https://codesandbox.io/s/l7lr4q6qoz

Если ваша версия не работает, то вашапроблема в другом месте, а не в v-for="n in 5".