首页 > 其他 > 详细

v-if 和 v-show 区别

时间:2020-06-07 09:10:35      阅读:44      评论:0      收藏:0      [点我收藏+]

v-if 和 v-show 区别

v-if:每次都会重新删除或创建元素,具有较高的切换性能消耗;
v-show:每次切换元素的 display:none 样式,具有较高的初始渲染消耗。

demo:

<div id="app">
    <div v-if=test>我是大飞 v-if</div>
    <div v-show=test_2>我是大飞_002 v-show</div>
</div>

<script src="vue.js"></script>
<script>
    const app = new Vue({
        el: #app,
        data() {
            return {
                message: Hello Vue!,
                test:true,
                test_2:true
            }
        },
    });
</script>

 

技术分享图片

 

v-if 和 v-show 区别

原文:https://www.cnblogs.com/dafei4/p/13058280.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!