Vueuse useStorage 响应式存储

Vueuse useStorage 封装了原生的LocalStorage/SessionStorage方法实现响应式存储,我个人不建议用这个方法,可以直接用useLocalStorage和useSessionStorage,他俩用起来更简单。

VueUse useSessionStorage 响应式Session存储

Vueuse useSessionStorage 是对原生js的sessionStorage进行的封装,实现了响应式的Session本地存储,sessionStorage可以把数据存储在浏览器端,当关闭网页时数据会自动清除,而localStorage是永久存储在浏览器中,那么VueUse对这两原生方法做了响应式封装。

VueUse useRefHistory 历史快照

VueUse useRefHistory 可以自动跟踪响应式对象的历史更改,还提供撤消和重做功能。

Vueuse useManualRefHistory 手动提交修改记录

Vueuse useManualRefHistory 和useRefHistory不同需要手动调用commit()保存当前记录,手动跟踪ref的更改历史,还提供撤消和重做功能。

Vueuse useLocalStorage 响应式的本地存储

Vueuse useLocalStorage 是对js的localStorage进行的封装,实现了响应式的本地存储,使用更佳简单。

VueUse useLastChanged 最后一次修改时间

VueUse useLastChanged 可以记录最后一次修改时间,如果你新赋的值和没有变化,是不会记录时间的,比如原有的值等于123,再次赋值123,不会记录这次修改时间。

Vueuse useDebouncedRefHistory 具有防抖功能的历史记录

Vueuse useDebouncedRefHistory 库用于记录 ref 对象值的历史记录,同时支持撤销和重做操作。它与 useRefHistory 类似,但它提供debounce 选项,防止频繁记录历史数据,它具有防抖功能。

VueUse useAsyncState 异步响应式

VueUse useAsyncState ,它会将异步结果包裹在一个响应式的对象中,在执行异步操作时,将对象中的loading属性设置为true,执行完后loading属性设置为false,并将结果更新state或error属性。

VueUse createSharedComposable 组件间共享事件

VueUse createSharedComposable 组件间共享事件,可以解决重复监听事件的问题。

VueUse createInjectionState 组件传值

VueUse createInjectionState 是对Vue3 Provide/Inject的封装实现组件传值,它可把数据穿透组件传给子组件使用,解决了Provide/Inject 无法追踪数据源的问题。

VueUse createGlobalState 创建全局状态

VueUse createGlobalState 创建全局状态,可以在跨Vue实例使用非常有用,你可以在A组件和B组件之间共享状态。典型的应用场景就是购物车,比如我们通常需要在所有的页面显示购物车内商品的数量,这时你可以使用全局状态来实现。

Tiptap Typography 特殊符号

Tiptap Typography 排版你可以理解成输入某些字符后转换成特殊的字符,比如输入(c)会自动转换成©

Tiptap TextAlign 对齐方式

Tiptap TextAlign 对齐方式,你可以设置 left center right justify等对齐方式。

Tiptap StarterKit 核心扩展

Tiptap StarterKit 是最流行的Tiptap扩展的集合,你不需要去一个一个导入这些扩展。

Tiptap Placeholder 占位符

Tiptap Placeholder 占位符扩展,当编辑器内容为空时可以显示你需要提示的文字,也可以在每行显示占位符文字。

Tiptap History 历史记录

Tiptap History 扩展提供历史记录支持,将记录文档的所有操作更改,可以撤回操作也可以重新开始。

Tiptap Gapcursor 空光标

Tiptap Gapcursor 空光标扩展,当你选择类似图片之类的节点后面又没有节点时,该插件会插入一个空光标。

Tiptap FontFamily 字体

Tiptap FontFamily 字体扩展,它作用于 TextStyle 标记上,渲染成 Span 标签的内联样式。

Tiptap Focus 焦点扩展

Tiptap Focus 扩展当用户选中默个节点时,可以制定一个样式高亮显示让用户知道选中了当前节点。

Tiptap Dropcursor 拖动光标扩展

Tiptap Dropcursor 扩展,当你在编辑器里面拖拽一个对象比如图片时,它显示一个光标要拖拽到的位置。