Composition API的优势

文章目录

  • Options API
  • Composition API

Composition API(组合式API)是vue3的写法,通俗地理解组合式API就是在setup中对数据(data),方法(methods)等进行配置。
vue2中使用的是Options API(配置式API)

Options API

使用传统OptionsAPI中,新增或者修改一个需求,就需要分别在data,methods,computed里修改。
功能不能独立出来,如果功能特别多就显得很乱。

图示:(一个颜色代表一个功能)
Composition API的优势_第1张图片

Composition API

我们可以更加优雅的组织我们的代码,函数。让相关功能的代码更加有序的组织在一起。
如:我们使用hook函数,将一个功能放在一个hook函数中,需要使用的时候直接在setup中使用.use引入即可。实现了功能的分离,代码更加有序。

图示:(一个颜色代表一个功能)
Composition API的优势_第2张图片

你可能感兴趣的:(vue2+vue3,vue.js)