Vuejs - 何时使用 v-for？ v-html？

Question

当使用 VueJS 显示项目列表时，使用 v-for 指令显然很容易做到。同样的事情可以通过使用computed 属性来返回html 并使用v-html 显示。

<ul>
  <template v-for="item in items">
    <li><span class=myItem">{{ item }}</span></li>
  </template>
</ul>

对比

<div v-html="compiledHtmlList"></div>

我注意到，对于我的用例，v-html 呈现大约 30K 项的字符串列表比 v-for 快几秒钟。由于我是 VueJS 的新手，想知道性能上的差异是否是预期的，如果是，为什么？如果不是，是否还有其他原因选择其中一个？

Answer 1

v-for 加载速度较慢，但​​在列表更改时会更快。 v-html 会有更快的加载时间，但是加载时间会和更新时间一样。

因此，如果列表是静态的并且在呈现期间不会更改（例如可以删除的项目列表），您可以使用 v-html，但如果该列表可以更改，请使用 v-为。