v-if与v-show区别

Posted zhangzhongjiang

tags:

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

在v-show中,元素是一直存在的,当v-show为false时,元素display:none只是隐藏了而已。

 

v-if

作用:判断是否加载固定的内容,如果为真,则加载;为假时,则不加载。

用处:用在权限管理,页面条件加载。

语法:v-if=“判断表达式”

特点:控制元素插进来或者删除,而不是隐藏。

 

so,一般的,v-if有更高的切换消耗,而v-show有更多的初始化渲染消耗。

so,如果需要频繁的切换而对安全性无要求,使用v-show。如果在运行时,条件不可能改变,则使用v-if较好。

以上是关于v-if与v-show区别的主要内容,如果未能解决你的问题,请参考以下文章

v-if与v-show的区别

v-if与v-show区别

v-if和v-show的区别?使用场景?v-if状态改变调用钩子函数的示例

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

Vue学习之v-if与v-show的区别

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