Я хочу перебрать компонент в зависимости от ввода пользователя

Question

Этот код не повторяет, компонент отображает только номер при вводе текста ... Я хочу повторить компонент

    var app= new Vue({
    el:'#app',
    data:{
      number:Number,
         },}
        );

    <div id="app">
   <p>Enter the number you want</p>
    <input v-model="number"></input>
    <div v-for='i in number'>
       <span>{{i}}</span
    </div>
 </div>

Answer 1

• Во-первых, вам нужно значение в данных, а не тип. number: '' или number:0.
• Во-вторых, вам нужно преобразовать текст в число. v-model.number редактировать
• В-третьих, закройте свой тег span.

преобразование текста в число является основной причиной, по которой ваш код не работает, хотя ...

var app = new Vue({
  el: '#app',
  data: {
    number: '',
  },
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>

<div id="app">
  <p>Enter the number you want</p>
  <input v-model.number="number"></input>
  <div v-for='i in number'>
    <span>{{i}}</span>
  </div>
</div>