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

Posted 2020-09-22 pearl007

 

v-show

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

 

v-if

作用：判断是否加载固定的内容，如果为真，则加载；为假时，则不加载。

用处：用在权限管理，页面条件加载。

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

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

 

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

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