Vue 3.0 所采用的 Composition Api 与 Vue 2.x使用的Options Api 有什么区别？

一：首先了解一下Options API以及它的不足

当前我们使用的API是Options API vue2.0中为了向组件中添加逻辑，我们填充属性，例如data methods mounted以及computeds等

这个API最大的==缺点==，是其本身并不是有效的js代码 我们在使用options API 的时候，需要确切了解我们具体可以访问到哪些属性，以及我们访问到的当前属性的行为 在后台，VUE需要将此属性转换为工作代码，因为 我们==无法==从自动建议和类型检查中受益，因此给我们在使用相关属性时，造成了一定弊端

---

那么接下来要说的就是，vue3.0中我们如何通过Composition API来解决这一问题

其目的是为了将组件中的可用属性，作为js的函数直接暴露出来的机制解决上面我们所处的问题

==优势== : 其代码更易读，更易理解和学习，没有任何幕后操作

: Composition API的好处不仅仅是以不同的方式进行编码，更重要的是对于代码的重用

: 不受模板和组件范围的限制，也可以准确的知道我们可以使用哪些属性

: 由于幕后没有什么操作，所以编辑器可以帮助我们进行类型检查和建议