在Vue中，可以使用v-show指令来控制组件的显示和隐藏。当v-show的值为true时，组件会显示出来；当v-show的值为false时，组件会隐藏起来。
<template>
<div>
<button @click="show = !show">Toggle</button>
<div v-show="show">
<!-- 显示的内容 -->
</div>
</div>
</template>
<script>
export default {
data() {
return {
show: true
};
}
};
</script>在上面的代码中，我们定义了一个show变量，并将它初始化为true。然后，我们在button元素上绑定了一个click事件，并在事件处理函数中将show的值取反。这样，每当我们点击Toggle按钮时，show的值就会从true变为false或从false变为true。在组件的div元素上，我们使用了v-show指令，并将它的值设置为show。这样，当show为true时，div元素就会显示出来；当show为false时，div元素就会隐藏起来。
需要注意的是，v-show指令只是将元素的display属性设置为none或block，而不是真正地将元素从DOM树中移除。因此，当使用v-show指令时，组件中的数据和方法仍然可以被访问到和调用。