在Vue中，可以使用v-if和v-show指令来根据条件隐藏和显示控件。
v-if指令是根据条件来决定是否渲染DOM元素。当条件为真时，元素会被渲染并插入到DOM中，当条件为假时，元素会被从DOM中移除。v-if指令的使用方式如下：
```html
<template>
<div>
<button @click="toggle">Toggle</button>
<div v-if="show">This is a hidden element</div>
</div>
</template>
<script>
export default {
data() {
return {
show: true
}
},
methods: {
toggle() {
this.show = !this.show;
}
}
}
</script>
```
在上面的例子中，初始状态下，`show`的值为`true`，所以`<div v-if="show">`中的内容会被渲染并显示在页面上。当点击"Toggle"按钮时，`toggle`方法会将`show`的值取反，从而改变条件，导致`<div v-if="show">`中的内容被移除或插入到DOM中。
v-show指令也是根据条件来决定是否显示DOM元素。当条件为真时，元素会显示在页面上，当条件为假时，元素会隐藏。v-show指令的使用方式如下：
```html
<template>
<div>
<button @click="toggle">Toggle</button>
<div v-show="show">This is a hidden element</div>
</div>
</template>
<script>
export default {
data() {
return {
show: true
}
},
methods: {
toggle() {
this.show = !this.show;
}
}
}
</script>
```
在上面的例子中，初始状态下，`show`的值为`true`，所以`<div v-show="show">`中的内容会显示在页面上。当点击"Toggle"按钮时，`toggle`方法会将`show`的值取反，从而改变条件，导致`<div v-show="show">`中的内容被隐藏或显示。
v-if和v-show的区别在于，v-if是动态地添加或移除DOM元素，而v-show只是简单地控制元素的显示和隐藏。所以当需要频繁切换显示和隐藏时，推荐使用v-show，因为v-show只是通过CSS来控制元素的显示和隐藏，不会频繁地操作DOM，性能更好。而v-if在切换时需要重新渲染DOM，性能相对较差。但是v-if在初始渲染时，如果条件为假，会直接跳过渲染，可以节省一些性能。所以在需要初始隐藏的情况下，或者切换频率较低的情况下，可以使用v-if。