Vue基本指令 v-if&v-show

这两个指令一定要放在一起说，因为他们实现的效果是一样的，都是控制元素的显示隐藏

v-if

v-if 是通过对 DOM 的渲染来实现元素的显示隐藏，当 v-if 的表达式结果为 false 时，在 DOM 元素中不会编译此元素，这个效果我们可以在控制台 Elements 中可以看到。

在 CodeSendbox 上尝试

v-show

v-show 是通过 CSS 属性 display 控制元素的显示隐藏，若 v-show 的表达式结果为 false，则 「display: none;」，若 v-show 的表达式结果为 true，则恢复原先的值。

在 CodeSendbox 上尝试