title: Vuejs - When to use v-for? v-html?
body: <p>When displaying a list of items using VueJS, it is obviously easy to do using <code>v-for</code> directive. The same thing can be achieved by using a <code>computed</code> property to return html and display using <code>v-html</code>. </p>
  
  <pre><code>&lt;ul&gt;
    &lt;template v-for="item in items"&gt;
      &lt;li&gt;&lt;span class=myItem"&gt;{{ item }}&lt;/span&gt;&lt;/li&gt;
    &lt;/template&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>vs.</p>
  
  <pre><code>&lt;div v-html="compiledHtmlList"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>I noticed, for my use case, <code>v-html</code> renders a string list of about 30K items few seconds faster than <code>v-for</code>. As I am new to VueJS, wondering if the difference in performance is expected, and if so, why? If not, are there other reasons for choosing one over the other?</p>