- v-if的特点:从dom树中添加或删除元素
- v-show的特点:不删除或添加元素,而是切换display:none样式
<body>
<div id="app">
<input type="button" value="点击" @click="toggle">
<h3 v-if="flag">这是一个v-if控制的元素</h3>
<h3 v-show="flag">这是一个v-show控制的元素</h3>
</div>
<script>
var vm = new Vue({
el: '#app',
data: {
flag:true
},
methods: {
toggle() {
this.flag = !this.flag;
}
}
})
</script>
</body>