Vue3提供了一種新的API - hooks，hooks是React中的概念，它可以讓我們更好地復(fù)用Vue組件邏輯。Vue3中的hooks被稱為composition API，由于Vue3的響應(yīng)式系統(tǒng)是重寫的，因此使用composition API不會破壞Vue的響應(yīng)式原理。

下面是一個使用composition API的示例：

import { reactive, onMounted } from 'vue';
export default {
setup() {
const state = reactive({
fruits: ['apple', 'banana', 'orange'],
});
onMounted(() =>{
console.log('mounted');
});
return {
state,
};
},
};

上面的代碼中，我們使用了Vue3提供的兩個新的API，reactive和onMounted。reactive可以將對象轉(zhuǎn)換為響應(yīng)式對象，而onMounted則會在組件掛載時執(zhí)行傳入的回調(diào)函數(shù)。

使用composition API還有其他很多優(yōu)點(diǎn)，比如可重用性、更易于測試、更易于理解和維護(hù)等。除了reactive和onMounted之外，還有很多其他的hooks可以使用，比如watchEffect、computed、provide/inject等。

總的來說，Vue3的composition API為我們提供了一種更靈活、更強(qiáng)大的編寫Vue組件邏輯的方式。在使用過程中，我們需要注意一些細(xì)節(jié)，比如不能在條件語句中使用hooks、不能在生命周期鉤子中使用hooks等。