VueUse官网地址https://vueuse.org/
这里就列举常用工具详情请去官网 查看所有API
浏览器
useFullscreen全屏展示
//isFullscreen 当前是否是全屏
//toggle 是函数直接调用即可
const { isFullscreen, toggle } = useFullscreen();
useClipboard粘贴功能
//text 粘贴的内容
//copy 是粘贴函数
const { text, copy, isSupported }
= useClipboard({ copiedDuring: 1500 });
useDark开启暗黑模式工具
这个需要自定义样式类通过 toggleDark函数控制
const isDark = useDark({
selector: "body",//class渲染的标签
valueDark: "dark",//暗黑class名字
valueLight: "light"//高亮class名字
});
const toggleDark = useToggle(isDark);
useTitle设置标题内容
const title = useTitle()
console.log(title.value) // print current title
title.value