title: V-for with 3000+ recs loading REALLY slow (12+ seconds)
body: <p>I have an array of about 3000 objects (from a web service) that I am rendering using a <code>v-for</code>.</p>
  
  <p>my array looks like:</p>
  
  <pre><code>this.oParts = [
   {
   descript: 'my descript',
   partno: '1234567890123',
   partsid: '1234567890'
   partscatid: '1234567890',
   partscat2id: '1234567890'
   serialized: true,
   category: 'test',
   subcat: 'test-2'
   uofm: ''
   },
  .
  .
  .3000 times
  ]
  </code></pre>
  
  <p>To render, I using vuetifyjs:</p>
  
  <pre><code>&lt;v-container&gt;
     &lt;v-row v-for="(x, index) in oParts" :key="index"&gt;
       &lt;v-col&gt;
        &lt;!-- v-model.lazy="x.selected" --&gt;
              &lt;v-checkbox
                    value="false"
                    :label="x.descript + ' (' + x.partno + ')'"
                     :messages="x.partsid + (x.serialized ? ' (serialized)' : '')"
                      class="notes-chkBox"
                      color="primary"
                      @click.capture.stop="btnOKClicked(x)"
                      &gt;
                      &lt;/v-checkbox&gt;
                &lt;/v-col&gt;
            &lt;/v-row&gt;
  &lt;/v-container&gt;
  </code></pre>
  
  <p>This is taking over 12 seconds to load. I am using Vue.js version 2.6.10 and vuetify.js version 2.0.15</p>
  
  <p>I've tried using v-once and the Object.freeze() mentioned <a href="https://www.reddit.com/r/vuejs/comments/6ajcu5/vfor_poor_performance/" rel="nofollow noreferrer">here</a> but that doesn't seem to help. I don't really need 2 way data-binding here. Are there any other ways to speed up the rendering of this list?</p>