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较好。