美文网首页
6,v-if和v-show

6,v-if和v-show

作者: coderymy | 来源:发表于2019-06-02 18:11 被阅读0次

    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>
    

    相关文章

      网友评论

          本文标题:6,v-if和v-show

          本文链接:https://www.haomeiwen.com/subject/clzxxctx.html