Vue2面试题:说一下v-show、v-if、v-for的理解?
2023-12-29 06:10:36
? ??v-show和v-if的区别:
? ? ? ? v-if:通过操控DOM增删来实现显示隐藏,不适合频繁切换,数据多不建议用v-if,每一次切换则重新消耗性能
? ? ? ? v-show:修改元素的display实现显示隐藏,适合频繁切换,只在第一次渲染时消耗性能
??? v-if和v-for的优先级:
? ? ? ? 当v-if与v-for一起使用时,v-for比v-if优先级高,如果连用的话会把v-if给每个元素都添加一下,会造成性能问题,所以不推荐v-if和v-for在同一个标签中同时使用。
? ? ? ? 解决办法:在计算属性中,将v-if中的判断转化成对v-for数组的过滤
? ??v-for中key的作用?
? ? ? ? key代表的是唯一,作用是更高效的更新虚拟dom,diff算法时便于区分新旧虚拟dom,新旧虚拟dom的key相同时不会重新渲染,提高性能
? ? ? ? 为何不推荐index作为key值:当以数组下标index作为key值时,当其中一个元素发生了变化(增删改查),就有能导致所有的元素的key值发生改变,导致更新dom时浪费性能
文章来源:https://blog.csdn.net/m0_74802419/article/details/135280309
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!