2023.10.16谈谈对于vue3组合式api的理解

49 阅读1分钟

概念:

组合式 API (Composition API) 是一系列 API 的集合,使我们可以使用函数而不是声明选项的方式书写 Vue 组件。它是一个概括性的术语,是vue的一种api风格,与选项式api只是同一个底层系统所提供的两套不同的接口.组合式 API 基本上都会配合 <script setup> 语法在单文件组件中使用

涵盖了以下方面的 API:

  • 响应式 API:例如 ref() 和 reactive(),使我们可以直接创建响应式状态、计算属性和侦听器。
  • 生命周期钩子:例如 onMounted() 和 onUnmounted(),使我们可以在组件各个生命周期阶段添加逻辑。
  • 依赖注入:例如 provide() 和 inject(),使我们可以在使用响应式 API 时,利用 Vue 的依赖注入系统。

优点:

1.更好的逻辑复用

2.更灵活的代码组织

3.更好的类型推导