Vue3 组合式 API 入门指南

# Vue3 组合式 API 入门指南 Vue3 引入了组合式 API（Composition API），这是一种新的代码组织方式，让逻辑复用和代码组织更加灵活。 ## 什么是组合式 API？ 组合式 API 是 Vue3 引入的一套新的 API，允许我们以函数的形式组织组件逻辑。通过 `setup()` 函数，我们可以在组件创建之前执行代码，并返回响应式数据和方法。 ## 基本用法 ```javascript import { ref, computed, onMounted } from "vue"; export default { setup() { // 响应式数据 const count = ref(0); // 计算属性 const doubleCount = computed(() => count.value * 2); // 生命周期钩子 onMounted(() => { console.log("组件已挂载"); }); // 方法 const increment = () => count.value++; return { count, doubleCount, increment }; } }; ``` ## 优势 1. **更好的逻辑复用**：相同逻辑可以抽取为组合函数 2. **更好的代码组织**：相关代码放在一起 3. **更好的类型推断**：TypeScript 支持更好 ## 总结 组合式 API 是 Vue3 最重要的特性之一，值得深入学习。