https://github.com/ilham89/vue-use-debounce-ref

https://github.com/ilham89/vue-use-debounce-ref

Last synced: about 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/ilham89/vue-use-debounce-ref
• Owner: ilham89
• Created: 2022-08-13T12:28:51.000Z (almost 4 years ago)
• Default Branch: master
• Last Pushed: 2022-08-15T02:07:43.000Z (almost 4 years ago)
• Last Synced: 2025-02-17T11:46:50.136Z (over 1 year ago)
• Language: JavaScript
• Size: 168 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Vue Debounce Using Ref

## Installation

### npm

```shell

npm i vue-use-debounce-ref

```

### yarn

```shell

yarn add vue-use-debounce-ref

```

## Usage

### Vue

```jsx

    


        Search

        

        
Value: {{ input }}

  


import { watch } from 'vue'

import useDebouncedRef from "vue-use-debounce-ref";

export default {

    setup() {

        const input = useDebouncedRef('', 1000)

        watch(input, newData => {

            console.log({ newData })

             // init an API request

        })

    return {

        input,

    }

  },

}

```