Vue 3 Composition API 深度解析

为什么需要 Composition API

Options API 在处理复杂组件时存在逻辑分散的问题。

setup 函数

import { ref, computed } from 'vue'

export default {
  setup() {
    const count = ref(0)
    const double = computed(() => count.value * 2)

    function increment() {
      count.value++
    }

    return {
      count,
      double,
      increment
    }
  }
}

响应式原理

Vue 3 使用 Proxy 实现响应式系统。