使用VueJS显示项目列表时,使用v-for
指令显然很容易。使用computed
属性返回html并使用v-html
显示可以实现同样的目的。
<ul>
<template v-for="item in items">
<li><span class=myItem">{{ item }}</span></li>
</template>
</ul>
VS
<div v-html="compiledHtmlList"></div>
我注意到,对于我的用例,v-html
呈现一个大约30K项的字符串列表,比v-for
快几秒。因为我是VueJS的新手,想知道性能是否有所不同,如果是,为什么呢?如果没有,是否有其他理由选择其中一个?