【学习】Vue3——组合式API

283 阅读1分钟

组合式API是什么意思?

组合式API是Vue3最大的优点。

Options API

   又叫选项 API,以vue为后缀的文件,通过定义methodscomputedwatchdata等属性与方法,共同处理页面逻辑,如下图:

image.png

优缺点

  • 条例清晰,相同的放在相同的地方;但随着组件功能的增大,关联性会大大降低,组件的阅读和理解难度会增加;
  • 调用使用this,但逻辑过多时this会出现问题,比如指向不明等;

Composition API

   又叫组合式API,组件根据逻辑功能来组织的,一个功能所定义的所有 API 会放在一起(更加的高内聚,低耦合)

   即使项目很大,功能很多,我们都能快速的定位到这个功能所用到的所有 API

image.png

优势 :

  • 其代码更易读,更易理解和学习,没有任何幕后操作
  • Composition API的好处不仅仅是以不同的方式进行编码,更重要的是对于代码的重用