VueUseuseSubscription
Use an RxJS Subscription without worrying about unsubscribing from it or creating memory leaks.
Available in the @vueuse/rxjs add-on.
Usage
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
export declare function useSubscription(subscription: Unsubscribable): void
export declare function useSubscription(subscription: Unsubscribable): void
Source
Contributors
Anthony Fu
Curt Grimes
katsuya_U
Michel Betancourt