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 更高的优先级。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容