VueUseuseSubscription
Use an RxJS Subscription without worrying about unsubscribing from it or creating memory leaks. Available in the @vueuse/rxjs add-on.
Usage
ts
import { useSubscription } from '@vueuse/rxjs'
import { interval } from 'rxjs'
const count = ref(0)
// useSubscription call unsubscribe method before unmount the component
useSubscription(
interval(1000)
.subscribe(() => {
count.value++
console.log(count)
}),
)
import { useSubscription } from '@vueuse/rxjs'
import { interval } from 'rxjs'
const count = ref(0)
// useSubscription call unsubscribe method before unmount the component
useSubscription(
interval(1000)
.subscribe(() => {
count.value++
console.log(count)
}),
)
Type Declarations
typescript
export declare function useSubscription(subscription: Unsubscribable): void
export declare function useSubscription(subscription: Unsubscribable): void
Source
Contributors
Anthony Fu
Curt Grimes
katsuya_U
Michel Betancourt