【Vue知识点总结】Vue2 与 Vue3 区别

📅 2026/7/27 20:11:06 👁️ 阅读次数 📝 编程学习
【Vue知识点总结】Vue2 与 Vue3 区别

目录

一、核心区别

1. 从“选项式”到“组合式”API

Vue 2:选项式 API (Options API)

Vue 3:组合式 API (Composition API)

2. 性能:从“够用”到“极致”

3. TypeScript 支持

4. 新增特性

(1) 多根节点 (Fragment)

(2) Teleport (传送门)

(3) Suspense(支持异步组件加载)

5. 生态与工具链

6. 生命周期:细微调整

7. 其他重要区别

二、为什么有了 Vue2 还需要 Vue3?

三、选择建议

一、核心区别

1. 从“选项式”到“组合式”API

这是两者最根本、最核心的区别,直接影响了写代码的方式。

Vue 2:选项式 API (Options API)

采用选项式 API(Options API),将逻辑分散在 data、methods、computed 等