咱就是说Vue2 和 Vue3，这俩框架啊，你准备好迎接面试了吗？别慌，咱就慢慢来一步一步地聊聊。

Vue2 与 Vue3 的主要区别

这俩框架Zui大的区别啊，就是响应式系统。Vue 2 用 `Object.defineProperty` 来实现数据劫持，挺简洁的。但是问题来了这种方式只Neng针对单例属性Zuo监听，而且不Neng检测到对象属性的添加和删除。那 Vue 3呢？它用 `Proxy` 来实现响应式处理，这玩意儿性Nenggeng强、geng全面。你懂的？

响应式系统

Vue 2: 使用 Object.defineProperty 进行数据劫持

Vue 3: 使用 Proxy 进行响应式处理,提供了geng全面的数据监听和geng好的性Neng

API 设计

Vue 2 主要用 Options API 写组件，把同一种属性的数据dou放在一起。这挺方便的。但 Vue 3 搞了个 Composition API，允许你根据功Neng模块把同一逻辑的变量和方法放在一起。这叫了一种新的开发方式，你懂的？代码组织得geng好，可复用性也geng高。

Options API

你kan这个例子就知道啦，用了 `ref` 和 `computed` 就好办。

性Neng提升

Vue 3 在性Neng上确实有提升。主要是响应式系统和虚拟 DOM 的改进。以前 Vue 2 在虚拟 DOM 时是全量的比较操作呢，现在 Vue 3 新增了静态标记，对比带有 `PF` 的节点就Neng知道当前节点要比对的内容了所以不用遍历整个虚拟 DOM ，效率大大提升。

虚拟 DOM

你kan这个例子挺简洁的吧？`Teleport` 这个组件Neng让你把组件渲染到 DOM 的任意位置。

新增特性

Vue 3 新加了一些挺酷的新特性啊：`Fragment`、`Teleport` 和 `Suspense` 等等。这些东西Neng让你的代码geng灵活、geng强大。

Fragment

生命周期和 API 变化

Vue 3 中一些生命周期函数的名字和用法有所变化。比如 `beforeCreate` 改成了 `setup` ，而之前在 Options API 里用的那些钩子在 Composition API 里对应的是其他的函数或者返回值。你得熟悉一下这些变化才Nenggeng好地使用 Vue 3。

生命周期钩子

beforeCreate === setup

created === setup

beforeMount === onBeforeMount

mounted === onMounted

beforeUpdate === onBeforeUpdate

updated === onUpdated

beforeUnmount === onBeforeUnmount

unmounted === onUnmounted

TypeScript 支持

Vue 3 对 TypeScript 的支持简直是绝了！你Ke以直接在组件中使用 TypeScript 类型定义，代码可读性geng高、健壮性也geng好。

为什么百度不收录？ 状态管理

Suspense 这个组件主要用来处理异步组件加载状态。Ru果你有一个异步加载的组件，你Ke以用 Suspense 来显示一个加载指示器或者一个默认内容来等待数据加载完成。

Teleport 就是用来将组件渲染到 DOM 的任意位置用的。

一下 核心Neng力

patchProp处理 props

insert插入元素

remove移除元素

createElement创建元素

学习资源

官方文档：你Ke以去官方文档上查阅Zui新的 Vue 版本的信息。 https://vuejs.org/guide/

Zui后一句

哈哈！希望这些信息对你有帮助！记住啊，面试题多kan一些基础概念、响应式系统、以及 Vue 的核心特性就行了！别紧张！咱就是说！

---