vue composition api
vue composition api是vue3新增的特性，它为开发者提供了更灵活、更可维护的代码结构，从而提高了开发效率和质量。
在vue2之前，我们使用options API来定义组件，即将数据、计算属性、方法等都放在同一个对象里面，当组件变得比较大的时候，这种方式就变得难以维护。
而composition API则将逻辑代码拆分成各个模块，使得它们之间的关系更加清晰。这种方式与React Hooks的思想类似，可以将相关的逻辑代码集中在一起，并且指定自己的状态和生命周期。下面就是一个使用composition API的例子：
import { reactive, computed } from 'vue';
export default {
setup() {
const state = reactive({
count: 0
});
const increment = () =>{
state.count++;
};
const doubles = computed(() =>{
return state.count * 2;
});
return {
state,
increment,
doubles
};
}
};
在这个例子中，reactive函数用于产生响应式数据，computed函数用于计算属性，而setup函数则是将这些逻辑代码集中在一起的地方。最后，我们将这些逻辑代码以对象的形式返回，并且在组件中使用。
总的来说，composition API是一个非常实用的特性，它可以让我们更加容易地编写可维护的代码，并且使得代码结构更加清晰与灵活。如果你还没有使用过vue3，现在就可以尝试它的composition API了。