关于v-if和v-for一起使用的问题

Question

这样使用是会造成性能的浪费，但是下面的使用也有问题吗？

这样使用会有问题吗？

刚才看到这句话，不循环整个数组怎么取出这个数据

Answer 1

执行没有问题，但是会引发混淆，所以官方建议你先过滤，再渲染。

我不知道你截图里的文字从哪里看到的，里面的描述是错误的。请仔细阅读 官方文档 。看文章一定要小心，很多写东西的人自己就是半桶水。

Answer 2

首先第一种，把v-if放到ul上

然后说下v-for和v-if一起用的问题

这两个一起用肯定没有问题，就好像for循环里做if判断，很常见。

vue不推荐的原因是，这么用会让每次页面渲染时，都会进行一次if判断，而不是仅当for循环的响应式数组发生变化时，才去更新，而且if判断中如果使用到了响应式变量，那么取值时也是需要调用额外的函数的。
但是这种额外开销一般是可以接受的，除非是数组确实不小并且页面会进行高频率渲染，比如带了输入框啥的。