6,v-if和v-show

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>

猜你喜欢

转载自blog.csdn.net/weixin_34273481/article/details/91026133