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 -对于。