vue数组包数组渲染

Vue.js 是一个流行的前端框架，用于构建用户界面。在 Vue 中，当你需要渲染数组数据时，可以使用内置的 `v-for`指令来遍历和显示数组内容。`v-for`指令的工作原理类似于 HTML 的`<foreach>`，但它在 Vue 的模板编译过程中更加高效。

当你有如下的数据结构：

data() {
  return {
    items: [
      { name: 'Item 1', detail: 'Detail 1' },
      { name: 'Item 2', detail: 'Detail 2' },
      // 更多项...
    ]
  }
}

你可以这样在模板中使用`v-for`：

<ul>
  <li v-for="item in items" :key="item.name">
    {{ item.name }} - {{ item.detail }}
  </li>
</ul>

在这个例子中：
- `v-for="item in items"`会遍历`items`数组中的每一项，将当前项赋值给`item`。
- `:key="item.name"`是一个绑定属性，为每个循环生成的列表项提供唯一标识，避免浏览器对它们进行不必要的重新排序或重绘。
- `{{ item.name }} - {{ item.detail }}`则会展示每个`item`对象的`name`和`detail`属性。

相关问题：
1. Vue 中除了`v-for`，还有哪些指令可以用来操作数组？
2. 如何在`v-for`中使用条件渲染（例如根据某个条件只显示部分元素）？
3. 如何在`v-for`中处理数组的变化以实现响应式更新？