v-if和v-show的区别,优先级问题

739 阅读1分钟

v-if和v-show都可以显示和隐藏一个元素,但有本质区别:

v-if:是惰性的,只是值为false就不会加载对应元素,为true才动态加载对应元素

v-show:是无论为true和为false都会加载对应html代码,
    为false时用display:none隐藏不在页面显示,
    为true时页面上用display:block显示其效果

适用场景:切换频繁的场合用v-show,切换不频繁的场合用v-if

v-for优先于v-if被解析