v-if是判断,v-show是显示
<div id="app">
<!--<div v-if="show">{{msg}}</div>-->
<div v-show="show">{{msg}}</div>
</div>
<script>
var vm =new Vue({
el:"#app",
data:{
msg: "hello",
show:false
},
})
当使用v-show的时候:
<div style="display: none;">hello</div>
当使用v-if的时候 则什么也不显示
因此要实现显示和隐藏功能,v-show在性能上要比v-if好,因为v-show改变的是display,而v-if则是删除添加,另外使用v-if和v-else要挨着
<div v-if="show">{{msg}}</div>
<div v-else>Bye</div>
上面代码意思是show为true的话显示Bye