title: use v-model inside a v-for loop
body: <p>I am rendering an input field inside v-for loop and using v-model in that input to get the value of the input but when i type in any one of the input , the value is typed in every text field.</p>
  
  <p>I have replicated my issue here in this <a href="https://jsfiddle.net/susbuzz/qtp1c7my/1/" rel="noreferrer">fiddle</a> </p>
  
  <pre><code>&lt;div id="app"&gt;
    &lt;h2&gt;Todos:&lt;/h2&gt;
    &lt;ol&gt;
      &lt;li v-for="todo in todos"&gt;
        &lt;label&gt;
          &lt;input type="text" v-model="score"&gt;
  
          &lt;del v-if="todo.done"&gt;
            {{ todo.text }}
          &lt;/del&gt;
          &lt;span v-else&gt;
            {{ todo.text }}
          &lt;/span&gt;
        &lt;/label&gt;
      &lt;/li&gt;
    &lt;/ol&gt;
  &lt;/div&gt;
  
  new Vue({
    el: "#app",
    data: {
      score: [],
      todos: [
        { text: "Learn JavaScript", done: false },
        { text: "Learn Vue", done: false },
        { text: "Play around in JSFiddle", done: true },
        { text: "Build something awesome", done: true }
      ]
    },
  })
  </code></pre>