v-if 和 v-for 为什么不建议一起使用 ？

在 Vue.js 中，通常不建议在同一个元素上同时使用 v-if 和 v-for 指令，原因主要有以下几点：

1. 优先级问题：
   在 Vue 2.x 中，v-if 和 v-for 在同一个元素上使用时，v-if 的优先级会比 v-for 高。这意味着 v-if 会在 v-for 之前被处理，这可能不是你想要的行为。Vue 官方文档建议，当它们一起使用时，应该将 v-if 移动到父元素或者模板元素上，以避免优先级问题。

2. 性能问题：
   如果 v-if 的条件为假，那么整个列表（由 v-for 渲染）都不会被渲染，这看起来似乎是好事。但是，当条件为真时，Vue 需要先渲染整个列表，然后执行 v-if 的条件判断。如果列表很大，这可能会导致不必要的性能开销。

3. 可读性和维护性：
   将 v-if 和 v-for 一起使用可