Vue3 Composition Api动画教程详解，有哪些亮点？

本文共计415个文字，预计阅读时间需要2分钟。

目录 + 回顾 Option + Api + Option Api 的缺陷 + Composition Api + 众人周知 Vue3.0 带来了全新的特性 Composition Api。 + 字面意思就是组合API，它旨在实现基于函数的逻辑复用机制。 + 回顾 Option

目录

• 回顾Option Api
• Option Api的缺陷
• Composition Api

众所周知，Vue3.0带来了一个全新的特性——Composition API。

字面意思就是“组合API”，它是为了实现基于函数的逻辑复用机制而产生的。

回顾Option Api

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

Option Api的缺陷

随着业务复杂度越来越高，代码量会不断的加大；

由于相关业务的代码需要遵循option的配置写到特定的区域，导致后续维护非常的复杂，代码可复用性也不高。