千锋教育前端Vue3.0全套视频教程（Kerwin2023版，Vue.js零基础

1.什么是组合式API

组合式 API(Composition AP) 是一系列 API 的集合，使我们可以使用函数而不是声明选项(如: datacomputed，methods，watch等等)的方式书写 Vue 组件。它是一个概括性的术语，涵盖了以下方面的 AP:

响应式API: 例如 refO 和 reactive(，使我们可以直接创建响应式状态、计算属性和侦听器生命周期钩子: 例如 onMounted( 和 nUnmounted0)，使我们可以在组件各个生命周期阶段添加逻辑.依赖注入: 例如 provide0) 和 nject0)，使我们可以在使用响应式 API 时，利用 Vue 的依赖注入系统组合式 API是 Vue 3及 Vue 2.7 的内置功能。对于更老的 Vue 2 版本想使用组合式api，可以使用官方维护的插件@vue/composition-api。在Vue 3 中，组合式API 基本上都会配合 SFC 语法在单文件组件中使用。

2.对比: options API和 composition API

options的API是按照配置项的思路进行分块的。那么，如果完成一个业务，需要使用到计算属性，watch,method等。这就导致了，一个业务的代码要阅读完，就必须在不同的配置项中进行来回翻滚。

composition的API是按照业务的思路进行分块的。这样，就会把同一个业务功能的所有代码放在了一起，方便程序员阅读修改代码。