title: Object error when iterating through VUE v-for loop
body: <p>Pardon, my lack of knowledge here. Still getting the hang of Vue. I am trying to iterate through a loop and keep running into an issue when my length is a hardcoded value. I keep getting:</p>
  <p><code>'&quot;[Vue warn]: Error in render: 'TypeError: Cannot read property 'title' of undefined'</code></p>
  <p>Js:</p>
  <pre><code>new Vue({
    el: '#app',
    data: {
      inputs: [],
      items: [
      { title: 'Blue' },
      { title: 'Yellow' },
      { title: 'Red' },
      { title: 'Purple' }
    ]
    }
  })
  </code></pre>
  <p>Markup:</p>
  <pre><code>&lt;div id=&quot;app&quot;&gt;
   &lt;ul&gt;
    &lt;li v-for=&quot;n in 4&quot;&gt;
      &lt;label&gt;
        &lt;input
          type=&quot;checkbox&quot;
          v-model=&quot;inputs&quot;
          :value=&quot;n&quot;
          :disabled=&quot;inputs.length &gt; 0 &amp;&amp; inputs.indexOf(n) === -1&quot; 
          &gt; Item {{ items[n].title }}
      &lt;/label&gt;
    &lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>