Vue v-for和v-if

Question

我在Vue文档中发现了一些不一致之处。如果有人澄清这一点。看着v-for-with-v-if，它说这样做可能很有用。就我而言，我正处于那种情况下。但是现在eslint在抱怨。

所以我看了style guide并告诉我避免这种情况。因此存在一些明显的矛盾。

问题：应该避免这种情况真的很糟糕吗？

我的意见：我不认为它是bad。我有很多有用的用例。

Answer 1

方法1：

所有节点将在每个项目上呈现[]更改

<template v-for="item in items">
    <span v-if="item.shouldRender">...</span>
</template>

---

方法2：

所有节点将被渲染一次

<span v-for="item in computedShouldRenderItems">...</span>

---

方法3：

仅将渲染经过过滤的节点。已过滤列表已缓存。

{{1}}

---

我认为'way-1'的确不错。但我宁愿避免这种情况。