v-for 配合 v-if使用

v-for 是 Vue.js 中的一个指令，用于循环渲染列表数据。

v-if 是 Vue.js 中的另一个指令，用于根据条件判断是否渲染某个元素或组件。

在实际应用中，我们可以将 v-for 和 v-if 结合使用，来实现更复杂的条件渲染。

例如，我们有一个包含一组学生信息的数组，我们想要只渲染成绩大于90分的学生信息，可以这样写：

<div v-for="student in students" v-if="student.score > 90">
  {{ student.name }} - {{ student.score }}
</div>

在上面的例子中，v-for 指令会遍历 students 数组中的每个元素，然后 v-if 指令会根据条件判断是否渲染当前元素。

注意，如果我们只是想要隐藏某个元素，而不是从 DOM 中移除它，我们可以使用 v-show 指令来代替 v-if，因为 v-show 只是通过 CSS 的 display 属性来控制元素的显示与隐藏，而不是真正的添加或移除 DOM 元素。