Skip to content

@fx/hooks 组合式函数

通用组合式函数(Composables)库,基于 Vue 3 Composition API,封装可复用的业务逻辑与交互能力。

设计思路

@fx/hooks 定位为框架无关的通用 hooks 层:

  • 每个 hook 不依赖 Element Plus / Ant Design 等第三方 UI 框架
  • 遵循 Vue 3 Composition API 约定,返回值以 Ref / ComputedRef 为主
  • @fx/components 组件配合使用,也可独立在业务项目中调用

使用方式

vue
<script setup lang="ts">
import { useImageViewer } from "@fx/hooks";

const { isViewerOpen, currentIndex, openViewer, closeViewer } = useImageViewer({
  items: ["img1.jpg", "img2.jpg"],
});
</script>