2023-8-16

Composition API 带来了什么？

Composition API 带来了更好的代码组织、逻辑复用、类型推导：

1. 之前 data 里有许多数据，各种功能都在data里，又有一些功能的方法在 methods 里，这样造成代码组织的一部分功能代码分散，不易于维护；
   而 Vue3 的 Composition API 使得一个功能在一部分代码里，带来了更好的代码组织。
2. 逻辑复用使用 useXxx 的函数命名约定方式，抽离一些公共的逻辑代码，并在 setup 中引用，使用 ref toRefs 方式返回数据源，这给我们带来了更好的逻辑复用。
3. Composition API 更加符合 JS 的类型推导：使用this虽然很方便，使用 this.fn1 方式使用 methods 里的 fn1 ，但不利于 JS 类型的类型推导，更适合的方式是 Composition API 的 methods.fn1 的方式。

如何选择 Composition API 和 Options API ？

• Options API 是专门对于小型项目，业务简单的项目而设计的；
• Composition API 是专门对于中大型项目，业务复杂的项目而设计的。

别误解 Composition API

• Composition API 不是基础知识，是高级特性；
• Composition API 是专门对于业务复杂的项目而设计的；
• Composition API 在 vue 的地位就像 Hooks 在 React 中的地位一样；

最后

以上是我现在学习了双越老师的《前端框架及项目面试－聚焦Vue3/React/Webpack》课程后的作业：6-27 【任务】Composition API 给 Vue 带来，如有需要后续还需要补充。