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了。