<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"
}
});
This Pen doesn't use any external CSS resources.