7.v-if和v-show区别

7.v-if和v-show区别

v-if只有条件为真时才渲染到dom上,条件为假时从DOM中销毁

v-for是一次性全都记载到DOM中,通过display来控制是否展示元素

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<body>
    <div id='app'>
        <h1 v-if='ok'>aaa</h1>
        <h1 v-show='!ok'>bbb</h1>
    </div>
</body>
<script>
    new Vue({
        el: '#app',
        data: {
            ok: true
        }
    })
</script>

ok=true时

ok=false时

学习笔记 > 前端 > Vue
#前端 #Vue
7.v-if和v-show区别
http://xwww12.github.io/2022/08/05/前端/vue/7.v-if和v-show区别/
作者
xw
发布于
2022年8月5日
许可协议