【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 等