Composition API 实战

为什么不用 Options API

逻辑分散、TS 支持差、复用难。

三大原子

• ref / reactive：响应式数据
• computed：派生值
• watch / watchEffect：副作用

组合函数（Composables）

export function useUser() {
  const user = ref<User | null>(null)
  return { user }
}