@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>