<div id="app">
  <!-- 不存在dom节点/移除节点 -->
  <div v-if="show === 'a'">This is A</div>
  <div v-else-if="show === 'b'">This is B</div>
  <div v-else>This is others</div>
  <!-- 存在dom节点/display:none -->
  <div v-show="show">{{mess}}</div>
</div>
var app = new Vue({
  el: "#app",
  data: {
    show: "a",
    mess: "hello world"
  }
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/vue/2.7.8/vue.min.js