Vue3 Composition API的核心功能

什么是Composition API?

组合式API，即Composition API，是Vue3.x版本中引入的一项创新功能。借助该API，开发者在构建Vue组件时，能够将具有重复性功能的接口模块化，并封装为可重复调用的代码单元。在Composition API出现之前，Vue相关的业务逻辑需要将配置内容集中放置在option的指定区域，而在大型项目中，这种模式往往会导致后期维护难度增加，并且难以实现代码的高效复用。Vue3所推出的组合式API正是为了解决上述问题而设计的。

在setup中使用ref和reactive定义响应式数据

在运用ref与reactive来定义数据之前，必须首先从vue模块中进行解构操作。

    import {ref,reactive} from 'vue';
    
    
      
    

在Vue框架中，ref与reactive均能用于定义响应式数据，所定义的数据在模板中均可直接调用。然而，若通过方法进行访问，则两者在获取方式上存在差异：通过ref定义的数据需借助value属性进行间接访问，而reactive定义的数据则可直接获取。同样地，在对这两类数据进行修改时，其访问方式也遵循相同的规则。

    export default {
      setup()