v-show
:元素是一直存在的,当v-show
为false
时,元素display:none
只是隐藏了而已,生命周期的钩子函数不会执行。
v-if
:判断是否加载固定的内容,如果为真,则加载;为假时,则不加载,生命周期的钩子函数会执行。
用处:用在权限管理,页面条件加载。
语法:v-if=“判断表达式”
一般的,v-if
有更高的切换消耗,而v-show
有更多的初始化渲染消耗。如果需要频繁的切换而对安全性无要求,使用v-show
。如果在运行时,条件不可能改变,则使用v-if
较好。