作了一晚上动画，就为让你们更好的理解Vue3的Composition Api

众所周知，Vue3.0带来了一个全新的特性——Composition API。字面意思就是“组合API”，它是为了实现基于函数的逻辑复用机制而产生的。

回顾Option Api

在了解Composition Api以前，首先回顾下咱们使用Option Api遇到的问题，咱们在Vue2中经常会须要在特定的区域（data，methods，watch，computed...）编写负责相同功能的代码。

Option Api的缺陷

随着业务复杂度愈来愈高，代码量会不断的加大；因为相关业务的代码须要遵循option的配置写到特定的区域，致使后续维护很是的复杂，代码可复用性也不高。

Composition Api

显然咱们能够更加优雅的组织咱们的代码，函数。让相关功能的代码更加有序的组织在一块儿

---

动画的创意来自网络，但若是只是拿人家的视频转成Gif，那就显得我太没有诚意了。 因此，我使用keynote仿照制做了演示文稿，你们有须要演示文稿源文件的请前往微信搜索: ezfullstack

回复：compositionapi
复制代码

便可得到

关注大帅搞全栈

感谢分享点赞评论三连，跟我一块儿学习全栈技术吧~

---

• 这是咱们团队的开源项目 element3
• 一个支持 vue3 的前端组件库