title: Vue.JS 2.0 slow when modifying unrelated data
body: <p>Suppose I have an input field in Vue.JS that <code>v-model</code> bind to a String data property, and a long list of random numbers that are completely unrelated to that first String.</p>
  
  <pre><code>data: {
    input: "",
    randoms: []
  }
  
  &lt;input type="text" v-model="input"&gt;
  &lt;p v-for="random in randoms" v-text="random"&gt;&lt;/p&gt;
  </code></pre>
  
  <p>When I put both in the same Vue, I see a huge slowdown when typing in the input field, as it appears Vue is reevaluating the DOM for each list entry after every input event, although they really have nothing to do with each other.</p>
  
  <p><a href="https://jsfiddle.net/5jf3fmb8/2/" rel="noreferrer">https://jsfiddle.net/5jf3fmb8/2/</a></p>
  
  <p>When I however move the <code>v-for</code> to a child component where I bind <code>randoms</code> to a prop, I experience no such slowdown</p>
  
  <p><a href="https://jsfiddle.net/j601cja8/1/" rel="noreferrer">https://jsfiddle.net/j601cja8/1/</a></p>
  
  <p>Is there a way I can achieve the performance of the second fiddle without using a child-component?</p>