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 函数中，并在其中返回我们需要的属性和方法。这使得代码更加模块化和可维护。
