Repository files navigation

Vue Use Utilities build on top ofvue-demi &@vue/compostion-api. It works both for Vue 2 & 3.

• 🛠 Composable Utilities
• 🌳 TreeShakable & SideEffects Free, Check outBundle Phobia
• 💪 Fully Typed APIs
• 🤟 Vue 2 and 3 Support
• 🧩 Advanced Integration

# Vue 2 with @vue/composition-apiyarn add @vue/composition-api @vueblocks/vue-use-core -Sornpm i @vue/composition-api @vueblocks/vue-use-core -S# Vue 3yarn add @vueblocks/vue-use-core -Sornpm i @vueblocks/vue-use-core -S

Vue 2 Demo:Vue CLI 2.x | Vue 3 Demo:Vue CLI 3.x

<inputv-model="searchVal"/>

import{useDebouncedRef}from'@vueblocks/vue-use-core'exportdefault{  ...setup(){constsearchVal=useDebouncedRef('',500)// mock use inputsearchVal.value='x'searchVal.value='xi'searchVal.value='xia'searchVal.value='xiao'return{      searchVal}}  ...}

Check ourdocumentation

The Integration part provide utilities for commonly used libraries.

@vueblocks/vue-use-vuex - Use Vuex With Composition API Easily.

• useState - same asmapState
• useGetters - same asmapGetters
• useMutations - same asmapMutations
• useActions - same asmapActions

• useStore - same as Vuex 4.x composition apiuseStore

Read Docs

@vueblocks/vue-use-axios - Use Axios with Compositon API Easily.

• useAxios - is a wrapper of axios

Read Docs

• vue-composition-toolkit
• vueuse

MIT@xiaoluoboding