Vue、React、Angular 三大框架高频面试题及详细答案.docxVIP

Vue、React、Angular三大框架高频面试题及详细答案

一、Vue面试题（高频核心）

1.Vue2和Vue3的核心区别是什么？

答：核心区别主要集中在底层原理、API设计、性能和工程化几个方面。

第一，响应式原理不同。Vue2是基于Object.defineProperty劫持对象属性，无法监听新增、删除属性，也不能原生监听数组下标修改，所以需要$set方法弥补缺陷。Vue3改用Proxy代理整个对象，能够监听任意属性的增删、数组下标和长度变化，覆盖全场景响应式。

第二，API风格差异。Vue2以Options选项式API为主，代码按照选项拆分，复杂组件逻辑分散、复用困难。Vue3支持组合式API，可按业务逻辑聚合代码，逻辑复用、抽离更加灵活，适合大型项目。

第三，性能优化升级。Vue3重写了虚拟DOM，diff算法做了大量优化，增加静态标记，静态节点不会重复对比渲染；同时支持按需编译、组件按需引入，打包体积更小、渲染速度更快。

第四，架构升级。Vue3采用模块化拆分，核心代码与编译器、运行时解耦，支持跨平台开发，同时更好支持TypeScript，类型推导更完善。

2.Vue3组合式API相比选项式API的优势？

答：首先是逻辑聚合性更强。选项式API把数据、方法、生命周期按配置项拆分，同一个业务逻辑