面试官:Vue中v-if和v-show有什么区别?

Vue中v-if和v-show有什么区别?,这是一道非常高频的前端面试题,但是很多同学在面试时候都回答不完整。老规矩,点赞收藏,点点关注支持一下,给我一分钟,理想哥教大家该怎么满分回答这个问题

如果我是求职者,我会这么回答:

v-if 是“真实的”按条件渲染,在切换时元素的事件监听器和子组件都会被销毁与重建。

但是v-if 是惰性的,如果在初次渲染时条件值为 false,则不会做任何事。元素只有当条件首次变为 true 时才被渲染。

相比之下,v-show 简单许多,元素无论初始条件如何,始终会被渲染,只有 CSS display 属性会被切换。

总的来说,v-if 有更高的切换开销,而 v-show 有更高的初始渲染开销。因此,如果需要频繁切换,则使用 v-show 较好;如果在运行时绑定条件很少改变,则 v-if 会更合适。

以上就是这个问题的回答了,大家可以下次面试时试试这么回答看看效果。

最后,欢迎关注理想哥,每天学点前端面试小技巧。

#前端##前端面试##程序员#
全部评论

相关推荐

08-12 15:03
已编辑
阿里巴巴集团_高级工程师
简历投递:cuzz.lb艾特alibaba-inc.com负责Lazada商家端的业务开发、架构优化和新技术的预研工作。在这里你不仅有机会了解阿里商品、交易、会员、营销等核心平台,而且有机会接受极具前瞻性的海外电商业务的挑战,并且需要针对多国场景进行业务抽象和平台剥离,任务的新颖性和挑战性都是前所未有的。只要你自信,有能力、有激情,一定可以找到吸引自己的新挑战。加入Lazada技术部,和我们一起参与阿里电商国际化,激荡东南亚市场的历程,和我们一起共创阿里国际化的未来!0. 年假7天以上,macbookpro+4k显示器,上班不用打卡,上班时间10左右到就行,没事6点就可以下班,每天50餐补,10块夜宵,1200打车补贴,除去周末每周一天在家灵活办公,待遇好,不卷,老板nice。1.本科及以上学历,计算机或相关专业;2.要求3年以上开发经验,扎实的JAVA基础,掌握JVM、并发编程、网络编程等基础知识;熟悉单元测试、WEB开发、数据库等基础技术。3. 熟悉Spring、SpringMVC、iBatis或其他主流开发框架;掌握常用数据结构、常见设计模式,拥有领域模型抽象能力。4. 具备大型网站核心开发、设计经验者优先;熟悉分布式系统设计、SOA、消息队列、缓存等技术者优先。5. 有强烈的技术热情和钻研精神,热爱新技术;有独立、主动的学习习惯和良好的沟通表达、团队协作能力。6. 具备较强的业务理解及业务抽象能力,能够快速从业务需求中找到技术设计的场景,有较强的业务sence.7. 精通常用软件架构模式,熟悉各种算法与数据结构,多线程,网络编程(Socket、http/web service)等;同学沟通交流,一起协同工作。8. 个性乐观开朗,好奇心强,逻辑思维强,善于团队合作;
投递阿里国际数字商业集团等公司10个岗位
点赞 评论 收藏
分享
1 1 评论
分享
牛客网
牛客企业服务