在haruki的帮助下接触到了VueUes对于主题切换的管理方法。

简介:

是什么？

@vueuse/core 是基于 Composition API 的 Vue 实用函数集合库，为 Vue 3开发者提供响应式工具

作用:

• 提供响应式的工具函数（比如监听窗口大小、剪贴板操作等）
• 简化常用的逻辑封装，提升开发效率
• 与浏览器 API 紧密集成，适合构建现代 Web 应用

语法示例:

import { useMouse, useClipboard } from '@vueuse/core'

const { x, y } = useMouse()
const { copy, copied } = useClipboard()

• 安装：npm i @vueuse/core / pnpm add @vueuse/core
• 基于 Composition API，函数式使用方式
• 提供 200+ hooks，覆盖传感器、动画、时间、事件等
• 适合 Vue 3 项目中引入常用逻辑
• 与 Nuxt、Vite 等现代工具无缝集成