Vue3 与 React
现代前端框架的
深度技术比较

// Vue3 Composition API 示例
import { ref, computed, onMounted } from 'vue'

export function useCounter() {
  const count = ref(0)
  const double = computed(() => count.value * 2)
  
  function increment() {
    count.value++
  }
  
  onMounted(() => {
    console.log('Counter mounted')
  })
  
  return { count, double, increment }
}

// React Hooks 示例
import { useState, useEffect, useCallback } from 'react'

function useCounter(initialValue = 0) {
  const [count, setCount] = useState(initialValue)
  const [double, setDouble] = useState(0)
  
  useEffect(() => {
    setDouble(count * 2)
  }, [count])
  
  const increment = useCallback(() => {
    setCount(prev => prev + 1)
  }, [])
  
  return { count, double, increment }
}