vue2 配置axios vue2 composition api

0 前言

从Vue2升级到Vue3，可能最大的变化之一就是Composition Api了。
Composition Api是什么东西为啥要用它？怎么用它？有什么需要注意的吗？
面对陌生的它，我们在这儿先简单认识一下它，而具体如何使用以及使用的注意点，将会在后续的文章更新中介绍，可以关注本文最后持续更新的扩展阅读部分。

1 是什么

Composition Api，也就是组合式Api。
我认为，它解决的主要是两大痛点：逻辑性、复用性。

在Vue2中的Options Api，我们用data、components、methods、生命周期等等，来组织起一个组件。
这就造成了两个问题：

1. 逻辑性问题。

- 基于类型的组织，把不同逻辑的数据放在一起，把不同逻辑的方法放在一起。当组件很大时，非常混乱，一个功能的修改就要在整个文件中到处查改，难以高效维护。
 - 基于逻辑的组织，是需要相应的数据和相应的逻辑放在一起。这样便于大型组件和项目的开发、维护。

1. 复用性问题。

- 在有大量组件（几百个）时，共享和重用代码的需求非常高，Options Api在开发中愈发显得杂乱、效率低复用度不足，而Composition Api可以方便地进行复用、组合。
 - 这部分我还没认识透，后续补充更新

所以为了解决这两个问题两大痛点，就该我们的Composition Api出手了。
如何解决？基于逻辑，将相关的代码从不同的地方抽离出来然后放在一起。

在学习的过程中，我看到了四张图，非常棒，一目了然，在这儿与大家一起共享：

Vue2 Options Api

Vue3 Composition Api

以上便是Composition Api的基本逻辑，也就是我们初识Composition Api。
Composition Api并不是学习Vue3的拦路虎，并不是一个非常困难无法理解的奇怪的新玩意儿。
更多的内容比如setup、ref等等，将在后续的文章中讲解记录。

2 参考内容

官方文档 Api尚硅谷Vue2.0+Vue3.0全套教程

3 扩展阅读

【Vue】Vue2，Vue3 学习笔记【Vue】过滤器Filter【Vue】Mixin相关问题解析【Vue】初识Composition Api【Vue】defineProperty与数据代理