vue 3.0使用v-if

Vue 3.0 中的 `v-if` 是一种条件渲染指令，用于根据一个表达式的真假来决定元素是否应该被插入到 DOM 中。当你需要动态地决定一个块是否渲染时，`v-if` 就非常有用。

以下是如何在 Vue 3 中使用 `v-if` 的基本步骤：

1. 在模板中，将 `v-if` 放在你想要条件渲染的元素前面，例如 `<div v-if="shouldRender"></div>`。
2. 在你的 Vue 实例的 data 对象中，定义一个布尔类型的变量 `shouldRender`，如 `data() { return { shouldRender: false } }`。
3. 当你需要改变这个元素是否应该显示时，可以通过改变 `shouldRender` 的值来触发渲染。例如，在 Vue 的生命周期钩子、响应式数据变化或者计算属性中设置或更新它的值。

`v-if` 的一些特点：
- 当条件第一次满足时，元素会被插入到 DOM 中并开始渲染。
- 当条件不再满足（即 `shouldRender` 变为 false）时，元素会被从 DOM 中移除，这是“销毁”过程。
- 如果元素的内容很少或者不包含指令，Vue 会尝试缓存渲染结果以提高性能。
- 使用 `v-if` 比 `v-show` 更节省资源，因为 `v-show` 会始终将元素添加到 DOM 中，只是切换 CSS 属性使其不可见。

相关问题：
1. Vue 3 中还有其他条件渲染指令吗？如何区别 `v-if` 和 `v-show`？
2. `v-if` 是否会在每次数据变化时都重新渲染整个组件？
3. 如何避免在使用 `v-if` 时频繁地添加和移除元素导致的性能问题？