Vue 高频面试题及详细答案（实战版）.docxVIP

Vue高频面试题及详细答案（实战版）

一、Vue基础核心面试题

1、说说Vue2和Vue3的核心区别？

整体最大的变化是底层架构、响应式原理、代码组织方式和性能优化，日常开发体感差异非常大，具体核心区别如下：

1.响应式原理不同

Vue2基于Object.defineProperty实现，只能监听对象的已有属性，无法监听新增、删除属性，也不支持数组下标修改、数组长度修改的监听。所以项目里经常需要用$set、$delete解决更新失效问题。

Vue3基于Proxy实现，可以直接监听对象新增/删除属性、数组任意修改、嵌套对象深层变化，无需手动处理响应式缺失的问题，覆盖范围更全面。

2.代码组织方式不同

Vue2主要用OptionsAPI，按照data、methods、computed、watch分类写代码，大型组件中，同一个业务逻辑的代码会分散在各个选项里，维护起来麻烦。

Vue3支持CompositionAPI，可按业务逻辑聚合代码，把一个功能的变量、方法、监听写在一起，还能抽离独立组合函数复用，适合中大型项目。同时完全兼容OptionsAPI，老项目迁移无压力。

3.生命周期与钩子变化

Vue3移除了beforeCreate、created对应的组合式钩子，用setup函数替代；部分钩子改名，比如beforeMou