<div id ="app">
<input type ="button" value ="toggle" @click="flag=!flag">
<!--v-if在是在我们需要的时候创建一个对象,当我们不需要的时候删除该对象。所以一般耗费的比较大,当我们不是很频繁的切换
的时候一般使用该命令-->
<h3 v-if="flag">这是用v-if控制的元素</h3>
<!--v-show 是判断一个对象是否隐藏,当我们需要的时候显示出来,不需要的时候隐藏起来,对象一直存在。当我们非常频繁的切换
一个对象的时候我们可以考虑使用v-show.
-->
<h3 v-show="flag">这是使用v-show控制的元素</h3>
</div>
<script>
var vm=new Vue({
el:'#app',
data:{flag:true},
methods:{}
})
</script>
v-if和v-show的区别
最新推荐文章于 2021-08-10 19:24:45 发布