Vue3（笔记自用）

目录

1. Vue3 比 Vue2 有什么优势？

2. Vue3 和 Vue2 的生命周期有什么区别？

3. Composition API 对比 Options API

3.1 Composition API 带来了什么？

3.2 Composition API 和 Options API 如何选择？

3.3 别误解 Composition API

---

1. Vue3 比 Vue2 有什么优势？

• 性能更好
• 体积更小
• 更好的 ts 支持（Vue3 是ts开发的）
• 更好的代码组织
• 更好的逻辑抽离
• 更多新功能

2. Vue3 和 Vue2 的生命周期有什么区别？

• beforeDestory 改为 beforeUnmount
• destoryed 改为 unmounted
• 其他沿用 Vue2 的生命周期 

3. Composition API 对比 Options API

3.1 Composition API 带来了什么？

• 更好的代码组织
• 更好的逻辑复用（如何用？）
• 更好的类型推导

3.2 Composition API 和 Options API 如何选择？

• 不建议共用，会引起混乱
•  小型项目，业务逻辑简单，用 Options API
• 中大型项目，逻辑复杂，用 Composition API

3.3 别误解 Composition API

•  Composition API 属于高阶技巧，不是基础必会
• Composition API 是为解决复杂业务逻辑而设计
• Composition API 就像 Hooks 在 React 中的地位