Skip to content

Commit 02d0e4a

Browse files
committed
feat: 新增vue-hook模块
1 parent 997a56c commit 02d0e4a

File tree

2 files changed

+16
-0
lines changed

2 files changed

+16
-0
lines changed

vue/README.md

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
# Vue实用代码片段
2+
- [hook](./hook)

vue/hook/useViewport.ts

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
import { ref } from "vue";
2+
const vw = ref(document.documentElement.clientWidth);
3+
const vh = ref(document.documentElement.clientWidth);
4+
5+
export default function () {
6+
document.addEventListener("resize", () => {
7+
vw.value = document.documentElement.clientWidth;
8+
vh.value = document.documentElement.clientHeight;
9+
});
10+
return {
11+
vw,
12+
vh,
13+
};
14+
}

0 commit comments

Comments
 (0)