VueUse常用小工具

315 阅读1分钟

useDebouncedRefHistory 是 Vueuse 库中的一个自定义 Hook,它用于在 ref 对象值的修改后添加 debounced history 记录,并支持撤销和重做操作。这个 Hook 的实现与 useRefHistory 类似,但它提供了一个额外的 debounce 选项来设置记录更改的延迟时间。当值被改变时,debounce 选项会防止频繁记录历史,而是等待指定的时间后才记录历史。这样可以避免在值变化过于频繁的情况下,记录太多的历史。

useDebouncedRefHistory 函数接受两个参数:

  1. source:要记录历史的 Ref 对象。
  2. options:可选参数对象,其中包含了除 eventFilter 以外的 useRefHistoryOptions 配置项,还包括 debounce 配置项,用于设置防抖时间。

函数返回值是一个 UseRefHistoryReturn 对象,其中包含了当前历史记录、撤销和重做方法等等。

useLastChangedvueuse库中的一个自定义钩子函数,用于跟踪值的变化并返回最近一次变化的值和变化时间。下面是一个示例,展示了如何使用useLastChanged

useStorageuseLocalStorage的区别是,useStorage一个通用的浏览器存储钩子函数,可以用于读取和写入任意类型的数据到浏览器存储中。它支持两种类型的存储:localStoragesessionStorage。您可以根据需要选择使用其中一种类型的存储。而useLocalStorage只能操作localStorage.