Vue 3 Composition API 提供了一系列的函数，用于更加灵活地组合和复用逻辑代码。以下是一些常用的方法：

1. reactive：创建一个响应式对象。这个方法接受一个普通的 JavaScript 对象，返回一个响应式版本的该对象。

const state = reactive({ count: 0 });  

2. ref：创建一个响应式引用。这个方法接受一个值，并返回一个包含该值的响应式对象。

const count = ref(0);  

3. computed：创建一个计算属性。这个方法接收一个 getter 函数，并返回一个不可变的响应式引用，即一个计算属性。

const doubled = computed(() => count.value * 2);  

4. watch 和 watchEffect：观察和响应更改。watch 接受一个响应式引用或 getter 函数，以及一个回调函数，当监听的源发生变化时，就会调用这个回调函数。watchEffect 则接受一个函数，自动跟踪其内部的所有响应性依赖，并在任何依赖项更改时运行它。

watch(count, (newValue, oldValue) => {  
  console.log(`Count changed from ${oldValue} to ${newValue}`);  
});  
watchEffect(() => console.log(`Count is now ${count.value}`));  

5. toRefs：将响应式对象转换为普通对象，其中每个属性都是响应式引用。这在需要解构或传递响应式对象时非常有用。

return toRefs(state);  

6. onMounted, onUpdated, onUnmounted 等：生命周期钩子函数。它们类似于 Vue 2 中的 mounted、updated、destroyed 等生命周期钩子，但可以直接在 Composition API 的 `setup