v-show和v-if都可以用于决定一个元素是否显示。先说明一下v-if的使用方法，v-if常与v-else-if，v-else使用，将这三个命令与if–else if–else联系起来就非常好理解了。以下为一个小案例展示其用法。
<body> <div id="app"> <h3 v-if="score>=90">优秀</h3> <h3 v-else-if="score>=80">良好</h3> <h3 v-else-if="score>=60">合格</h3> <h3 v-else>不合格</h3> </div> <script> const vm = new Vue({ el: '#app', data: { message:'hello', isTrue:false, score:89 }, </script>v-show和v-if区别在于：当条件为false时，包含v-if指令的元素不会出现在dom中，当指令为true时在新建这个元素，是一个出现和消失的切换过程，而v-show则只是给其元素添加行内样式,display:none.
在实际开发中，使用较多的是v-if，没有的元素就不进行渲染了。
