老师，请问为什么v-for和v-if不能放在一起？

Question

仅仅只是为了可读性来考虑的吗？
官网的例子是先把数据筛选一遍再进行循环，但实际情况不是这样的，大多数情况下还是要自己加一个template标签。。

Answer 1

双越 2022-02-12 09:14:13

v-for v-if 不能放在一起，这并不是为了可读性，而是为了减少计算量，这是 vue 官网文档里提到的。

https://cn.vuejs.org/v2/guide/conditional.html#v-if-%E4%B8%8E-v-for-%E4%B8%80%E8%B5%B7%E4%BD%BF%E7%94%A8 

• 提问者 沧海的雨季 #1

  老师，这个我看了。但是如果有隐藏的子元素，先计算一遍显示的元素再进行循环， 这样写法上来说，是否有点麻烦了。。我在开发中基本上都是在子元素或者新增一个template的