Vue是一款流行的前端框架，它的核心就是數據驅動。也就是說，我們把數據存儲在 Vue 的實例中，然后根據數據渲染頁面。在 Vue 2.x 版本中，我們習慣使用 v- 前綴來指令數據。

然而，在 Vue 3.0 中，取消了 v- 前綴，取而代之的是使用了一種新的語法，這個語法就是 Composition API。

Composition API 把組件中各個功能邏輯的代碼拆分成更小的可重用的代碼塊，這樣一來，不僅能提高代碼的復用性，而且也能增加代碼的可讀性和測試性。

const { reactive, computed, watch } = Vue;
const state = reactive({
count: 0,
name: 'Vue 3.0'
});
const doubleCount = computed(() =>state.count * 2);
watch(() =>state.count, (newValue, oldValue) =>{
console.log(`New value: ${newValue}, old value: ${oldValue}`);
});

以上代碼就是一個使用 Composition API 的例子。我們通過 reactive 來定義響應式的數據，computed 來定義計算屬性，watch 來監聽數據變化。

值得注意的是，Composition API 并沒有完全取代 Options API，而是在底層實現上共存共享的。如果項目中已經使用了 Options API 編寫的代碼，那么也可以繼續使用，不必把它們都重寫為 Composition API。

總體而言，Composition API 給我們帶來了更好用、更靈活的方式來組織和管理代碼，從而提高代碼的可維護性和可讀性。同時，取消 v- 前綴，也讓 Vue 的語法變得更加簡潔明了。