为什么转组合式

选项式 API 写小组件很舒服，但逻辑一旦跨 data/methods/computed 分散开，维护就变成”上下反复横跳”。组合式把同一件事的代码放在一起，这是最打动我的点。

ref 还是 reactive

结论先行：默认用 ref。

  • reactive 不能整体替换对象，解构会失去响应性；
  • ref 万物皆可 .value，心智负担小。
const count = ref(0);
const double = computed(() => count.value * 2);

一个实践：把分页逻辑抽成 composable

抽成 usePagination() 之后，列表页的 setup 只剩业务本身。复用粒度比 mixin 干净太多。