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

原因：

v-for 的优先级比 v-if 的高，所以每次渲染时都会先循环再进条件判断，而又因为 v-if 会根据条件为 true 或 false来决定渲染与否的，所以如果将 v-if 和 v-for一起使用时会特别消耗性能，如果有语法检查，则会报语法的错误

解决方法：

1. 将 v-if 放在外层嵌套 template （页面渲染不生成 DOM节点），在这一层进行 v-if 判断，然后在内部进行 v-for 循环

2. 如果条件出现在循环内部，不得不放在一起，可通过计算属性computed 提前过滤掉那些不需要显示的选项