vueuse

自定义指令directives在项目特别是后台管理类的项目中使用的尤其多(个人经验)，每个人编写的自定义指令也各不相同，一个人的时候还没啥感觉，在多人合作的项目中统一编码规范就变得很有必要了。

在vue3中使用全局filters已经不是必须，有很多种替代方案(直接定义函数即可)。下面就详细说说如何实现

`useDark`的原理是修改元素上的属性值(默认在html标签上添加class="dark")，不涉及具体样式的修改，用户可以灵活的定义dark的样式

useFullscreen函数提供了 进入/退出 全屏模式(toggle、enter、exit)、响应式判断是否在全屏状态(isFullscreen)及是否支持全屏(isSupported)等api。

useFetch函数提供了中止请求、在请求发送前拦截请求、在url变化时自动重新获取请求等一系列很不错的api。

useCssVar实现原理是通过修改css变量的值来自定义主题色，可以单独修改某个dom下的css变量而不影响全局css变量的使用，这就使得可定制主题区域变得非常灵活

vueuse-useLocalStorage在项目中的使用。useLocalStorage对本地存储(localStorage)做了进一步封装，使其变为响应式。