Vue3 的组合式 API 优点是啥？

[KevinQi]

组合式 API 比选项式有啥优点？

感觉选项式组件代码结构更清晰啊。

[coolair]

感觉没啥优点，更乱了，我还是喜欢 Vue2 那套写法，简洁干净多了……
可能我比较菜，哈哈。

[yuekcc]

代码组织方式更接近一般 js 。当然要配合 <script setup> 块才好用。写 setup() {} 的话，还没有 option api 好使。

[rocktodog8080]

和 react hooks 一样 最大的优点就是逻辑复用 看看各种流行的 hooks 库就明白了

[darknoll]

比 2 灵活，我觉得还是 3 好一点

[yuyanstation528]

对逻辑复用以及插件的编写更友善，但如果你是复杂度不高的小项目，或者整个项目只有一两个人维护，选项式反而横清晰，vue3 里你也可以继续用选项式

[shakukansp]

举个简单的例子，一个页面三个表格，每个表格 3 个 modal 弹窗
用 options api 写 data 和 methods 里面会写成什么样感受一下

[ruoxie]

https://juejin.cn/post/7139497477086019621 可以这样分层，维护起来巨爽，避免各种妖魔鬼怪的代码出现

[ruoxie]

@rocktodog8080 业务代码哪来那么多复用，vueuse 就够用了，用了那么久感觉最大的好处就是逻辑和 ui 可以分离，可以引入更多的架构的思想去规范项目整体框架

[zjsxwc]

组合式 API: 单纯的只是为了能够把相关联的逻辑放在一起。
选项式 API: 前提是前端开发者没有工程化意识的情况下！！！会把逻辑写的很分散。

总结，如果是有经验的前端开发者，会通过依赖注入等方式把选项式 API 写的很有条例，能实现组合式 API 一样把相关联的逻辑放在一起，但由于现实情况是太多的新手前端写的太乱，能跑就行，于是推出了组合式 API 来规范新手前端。

[coldmonkeybit]

我觉得是更接近原生，vue 的 runtime 就像所有其他第三方库一样给你提供一些 api 而已，减少了正在使用框架的感觉让我觉得挺爽的

[connection]

抽象逻辑的复用

[wangtian2020]

[this.] 前缀写腻了？现在可以试着改用 [.value] 后缀了！