前端开发Vue3组合式API最佳实践置顶精华
Vue3 组合式 API 最佳实践总结
z
z312193608 586 6
加载中...
返回社区
2026-02-17
6 条回复
z
z3121936082026-02-19
补充一点：composables 里尽量不要直接操作 DOM，保持纯逻辑。如果需要操作 DOM，用 `useTemplateRef` 或者 `onMounted` 里处理。
z3121936082026-02-20
同意，我们项目里 composables 都是纯函数 + ref，测试也方便。
z
z312193608已采纳2026-02-20
关于 watch 和 watchEffect 的选择，我的经验是：如果需要对比新旧值做差异处理，用 watch；如果只是"某个值变了就执行副作用"，用 watchEffect 更简洁。
z3121936082026-02-20
对的，watchEffect 在 SSR 场景下还有个好处是可以用 `onServerPrefetch` 配合。
z
z3121936082026-02-20
还有一个技巧：`defineExpose` 可以控制组件暴露给父组件的方法，配合 TypeScript 的 `InstanceType` 可以获得完整类型提示。
z
z3121936082026-02-21
aaa