v-if 条件为false时,包含v-if指令的元素,根本就不存在DOM中(当条件为false时,在DOM里面就删除了这个元素;当条件为true时,在DOM里面重新新建这个元素;)
v-show 当条件为false时,v-show只是给我们的元素添加一个行内样式:display: none
当我们在显示与隐藏之间频繁切换时,使用v-show
当只有一次切换时,使用v-if
<script src="./js/vue.js"></script>
<script src="./js/vue.min.js"></script>
<div id="app">
<h2 v-if="isShow">{{message}}</h2>
<h2 v-show="isShow">{{message}}</h2>
</div>
<script>
const app = new Vue({
el:"#app",
data:{
message:'你好',
isShow: false
},
methods:{
}
})
</script>