Vue.js是目前前端框架中较为流行的一种，具有简单易用、高效快捷的特点。其中，操作元素的显隐是常见需求，Vue提供了v-show和v-if两种指令来实现元素的显示与隐藏，下面我们分别来介绍它们的使用方法。

v-show指令

v-show指令用于控制元素的显示与隐藏，用法如下：

  <template>
    <div>
      <button @click="toggle">Toggle</button>
      <p v-show="show">This is a paragraph.</p>
    </div>
  </template>
  
  <script>
  export default {
    data() {
      return {
        show: true
      }
    },
    methods: {
      toggle() {
        this.show = !this.show;
      }
    }
  }
  </script>

在上面的代码中，我们通过v-show指令控制了p元素的显隐，初始状态为显示（show=true），当点击按钮时，toggle方法会将show的布尔值取反，从而进行显示和隐藏。

v-if指令

v-if指令用于判断元素是否渲染，用法如下：

  <template>
    <div>
      <button @click="toggle">Toggle</button>
      <p v-if="show">This is a paragraph.</p>
    </div>
  </template>
  
  <script>
  export default {
    data() {
      return {
        show: true
      }
    },
    methods: {
      toggle() {
        this.show = !this.show;
      }
    }
  }
  </script>

同样是点击按钮控制元素显隐，但是v-if指令根据show的布尔值控制元素是否渲染。与v-show不同，v-if在条件不满足时移除元素节点并销毁组件实例，条件满足时创建元素节点和组件实例。

综上所述，v-show和v-if两种指令能够满足我们对元素显隐的控制需求，对应不同的使用场景，开发者可根据实际情况选择使用。