显示和关闭组件在Vue.js中是非常重要的概念。它们可以帮助我们在需要的时候，只显示需要的组件，同时可以节省页面资源，提高页面性能。

在Vue.js中，我们使用v-if指令来实现显示和关闭组件的功能。v-if指令会根据表达式的值来确定组件是否需要渲染。

<template>
  <div>
    <!-- 显示组件 -->
    <div v-if="showComponent">
      <MyComponent />
    </div>

    <!-- 关闭组件 -->
    <div v-else>
      <p>该组件已关闭</p>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      showComponent: true
    }
  }
}
</script>

上面的代码展示了如何使用v-if指令来显示和关闭组件。在data中声明一个布尔型变量showComponent，并设置初始值为true。在template中，根据showComponent的值来决定是否显示MyComponent组件，如果showComponent为false，则显示“该组件已关闭”的提示信息。

除了v-if，Vue.js还提供了其他的指令来控制组件的显示和关闭，比如v-show和v-cloak指令。v-show指令和v-if指令的作用类似，但是v-show指令是基于CSS样式来控制组件的显示和隐藏，所以在页面中会一直存在组件的DOM元素。而v-cloak指令是为了解决组件加载过程中，页面出现闪烁的问题，它会在组件加载完毕之前隐藏组件的DOM元素。

综上所述，Vue.js提供了多种方式来显示和关闭组件，开发者可以根据实际情况选择合适的指令来实现自己的需求。