v-if && v-else-if && v-else

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

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

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

特点: 控制元素插入或删除,而不是隐藏(v-show是隐藏)

v-if与v-show的区别:

v-if的安全级别更高,v-show只是隐藏了,通过页面源代码还是可以看到,安全级别低、

v-if更高的切换消耗(切换消耗指从未加载到加载或者从加载到未加载的状况,需要添加或删除这个元素),v-show需要更高的初始化渲染消耗

因此如果需要频繁切换而对安性无要求,使用v-show;如果运行时,条件不能改变,使用v-if

6.v-if和v-for的区别: 当 v-if 与 v-for 一起使用时,v-for 具有比 v-if 更高的优先级。

你可能感兴趣的:(v-if && v-else-if && v-else)