vue控制组件的显示隐藏

Vue控制组件的显示隐藏可以通过v-if或v-show指令来实现。

v-if指令根据表达式的真假值来决定是否渲染组件。如果表达式为真，则组件会被渲染；如果为假，则组件不会被渲染。v-if指令可以在组件的根元素上使用。

v-show指令也是根据表达式的真假值来决定组件的显示与隐藏，但是它不会在DOM中切换元素的存在。只是通过CSS的display属性来控制元素的显示与隐藏。v-show指令可以在任何元素上使用。

需要注意的是，v-if在切换时会对组件进行销毁和重建，而v-show则只是简单的控制CSS的display属性，因此在频繁切换时，v-show的性能比v-if要好一些。