VueUse: Vue Composition API 常用工具集，同时支持 Vue 2.x 和 3.x

[Anthony117]

大家新年快乐!

https://github.com/antfu/vueuse

VueUse: 一个 Vue Composition API 的常用工具集，同时支持 Vue 2.x 和 3.x

这个项目很大程度启发于 react-use。Vue Compostion API 支持了更好的逻辑分离，让这些常用的工具可以被复用，能够让你快速地建构丰富的应用。

以下是一些简单的例子

import { useLocalStorage } from '@vueuse/core'

export default new Vue({
  setup() {
    // 对 state 的改动都会自动存入 localStorage
    const state = useLocalStorage('storage-key', { name: 'john', age: 25 })
    return { state }
  }
})

import { usePreferredDark } from '@vueuse/core'

export default new Vue({
  setup() {
    // 获取系统是否为深色模式
    const isDark = usePreferredDark()
    return { isDark }
  }
})

更多的例子和文档请查看： https://github.com/antfu/vueuse

如果有任何想法或建议欢迎在下面留言～谢谢！