前端主题切换-useCssVar

useCssVar可用来切换，实现原理是通过修改css变量的值来自定义主题色，也可以修改对应dom的颜色变量，这样下来，主题切换非常方便。

首先导入useCssVar

import { useCssVar } from "@vueuse/core";

1.然后实现html上css变量改变

html元素上，css变量展示

如此一来，就改变了html上css变量。

2.实现dom元素上css变量改变
首先我们获取到当前元素：

然后设值：

效果如下：