Vue 3 组合式 API 完全指南

张三 2026-05-15 JavaScript

Vue 3 组合式 API

组合式 API 是 Vue 3 最重要的新特性之一，它提供了更灵活的代码组织方式。

setup 函数

export default {
    setup() {
        const count = ref(0);
        const increment = () => count.value++;
        return { count, increment };
    }
}

响应式引用

ref 和 reactive 是两种创建响应式数据的方式：

const count = ref(0);
const state = reactive({ name: "Vue" });