Vue3 Composition API 是 Vue.js 的新版本中引入的一种新特性，它允许开发者更灵活地组织和重用代码。Composition API 提供了一种新的方式来组织组件逻辑，使得代码更加模块化和可维护。

以下是示例：

<template><div>{{ count }}</div><button @click="increment">增加</button>
</template><script>
import { ref, computed } from 'vue'export default {setup() {// 使用 ref 创建响应式数据const count = ref(0)// 使用 computed 创建计算属性const doubleCount = computed(() => count.value * 2)// 定义一个方法来增加 count 的值function increment() {count.value++}return {count,doubleCount,increment}}
}
</script>

在这个示例中，我们首先从 ‘vue’ 包中导入了 ref 和 computed。然后，在 setup 函数中，我们使用 ref 创建了一个响应式数据 count，并使用 computed 创建了一个计算属性 doubleCount。最后，我们定义了一个名为 increment 的方法来增加 count 的值，并将这些值返回以便在模板中使用。

注意：在 Vue3 Composition API 中，我们不再需要使用 data、methods 和 computed 选项。相反，我们将它们放在 setup 函数中，并在其中返回我们需要的属性和方法。这使得代码更加模块化和可维护。