码迷,mamicode.com
首页 > 其他好文 > 详细

Vue v-if和v-show

时间:2020-03-30 23:42:02      阅读:64      评论:0      收藏:0      [点我收藏+]

标签:删除   show   lse   vue   var   设置   的区别   his   als   

v-if和v-show的区别

v-if: 显示和隐藏,是以DOM删除的方式.v-if是惰性的。如果条件不为真,那么什么也不做
v-show:显示和隐藏,是以设置display样式的方式

    <div id="app">
        <div v-if="show">
            this is v-if
        </div>

        <div v-show="show">
            this is v-show
        </div>
    </div>
    <script>
        var vm = new Vue({
            el:"#app",
            data:{
                show:false
            }
        });
    </script>

Vue v-if和v-show

标签:删除   show   lse   vue   var   设置   的区别   his   als   

原文地址:https://www.cnblogs.com/ltfxy/p/12601967.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!