Composition API(组合式API)是vue3的写法,通俗地理解组合式API就是在setup中对数据(data),方法(methods)等进行配置。
vue2中使用的是Options API(配置式API)
Options API
使用传统OptionsAPI中,新增或者修改一个需求,就需要分别在data,methods,computed里修改。
功能不能独立出来,如果功能特别多就显得很乱。
图示:(一个颜色代表一个功能)
Composition API
我们可以更加优雅的组织我们的代码,函数。让相关功能的代码更加有序的组织在一起。
如:我们使用hook函数,将一个功能放在一个hook函数
中,需要使用的时候直接在setup中使用.use
引入即可。实现了功能的分离,代码更加有序。
图示:(一个颜色代表一个功能)