Vue v-if和v-show

Posted ltfxy

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue v-if和v-show相关的知识,希望对你有一定的参考价值。

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的主要内容,如果未能解决你的问题,请参考以下文章

Vue基础之v-if和v-show的使用和特点

vue中v-if和v-show的区别

4.vue的v-if和v-show条件渲染

vue v-show的使用

Vue v-if和v-show

Vue v-if和v-show的区别