如何通过 setup 实现组件逻辑复用，摆脱 Mixins 混乱困境？

本文共计894个文字，预计阅读时间需要4分钟。

使用`setup`函数实现高级组件逻辑复用，本质并非包装组件，而是将高级组件的意义——如日志、权限控制、加载状态封装——转换为组合式API的逻辑抽象。Vue 3 强烈推荐、轻量且类型友好的方式，是通过 `自定义Hook + provide/inject 或 props 传递` 替代传统的HOC模式，既避免了Mixins的命名冲突和隐式依赖，又比`render`函数HOC更易维护。

用 Composable 封装可复用行为逻辑

把原本写在 HOC 里的副作用、状态、判断逻辑，抽成独立的函数（即 Composable），在任意 setup 组件中直接调用。它不操作 DOM，也不返回 JSX，只负责“提供能力”。