title: Generating items via v-for and v-if condition
body: <p>I have code something like this in A.vue file</p>
  
  <pre><code>&lt;div v-for="item in items" :key="item.id"&gt;
      &lt;item :item="item" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>In Item.vue file:</p>
  
  <pre><code>&lt;div class="item"&gt;
      &lt;div v-if="item.xyz"&gt;
          long and complex html here
      &lt;/div&gt;
      &lt;span&gt;{{ item.name }}&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Now consider that items has some 100 items and only one item.xyz is true. As v-if is not mounting any html into DOM until the condition is true but its definitely keeping the data in memory of vue object.</p>
  
  <p>Is there any way to consider v-if only for one item and not for others?</p>