v-if的特点是每次都会重新删除或创建元素
v-show只是定义了一个样式display:none
对于性能来说,前者的性能远不如后者,但是后者的初始渲染消耗要大于前者
<div id="app">
<input type="button" @click="flag=!flag" value="消失">
<p v-if="flag">这是第一个</p>
<p v-show="flag">这是第二个</p>
</div>
<script>
var vm=new Vue({
el:'#app',
data:{
flag:true
},
})
</script>
网友评论