Skip to content

Vue 3

ts
import { useBreakpoints, useElementSize, useEventListener, useNow, useWindowSize } from "@fast-china/utils";
import { useTemplateRef } from "vue";

const elementRef = useTemplateRef<HTMLElement>("element");
const { width: windowWidth } = useWindowSize();
const { width: elementWidth } = useElementSize(elementRef);
const now = useNow();
const breakpoints = useBreakpoints({ desktop: 1280, mobile: 0, tablet: 768 });
useEventListener(document, "visibilitychange", () => console.log(document.visibilityState));

包内提供基于原生浏览器 API 的轻量 Composable、Vue 3 app.use() 注册、Props/Emits/Slots 类型和 TSX 渲染。浏览器 Composable 随当前 Vue 作用域自动清理;高级调度、控制、SSR 配置和设备 API 不在本包范围内。Vue 不会打进构建产物,并作为必须安装的 Peer Dependency。