from / fromEvent
Wrappers around RxJS's from() and fromEvent() to allow them to accept refs. Available in the @vueuse/rxjs add-on.
Usage
| Category | @RxJS |
|---|---|
| Export Size | 153 B |
| Package | @vueuse/rxjs |
| Last Changed | 7 months ago |
import { ref } from 'vue'
import { from, fromEvent, toObserver, useSubscription } from '@vueuse/rxjs'
import { interval } from 'rxjs'
import { map, mapTo, takeUntil, withLatestFrom } from 'rxjs/operators'
const count = ref(0)
const button = ref<HTMLButtonElement>(null)
useSubscription(
interval(1000)
.pipe(
mapTo(1),
takeUntil(fromEvent(button, 'click')),
withLatestFrom(from(count, {
immediate: true,
deep: false,
})),
map(([curr, total]) => curr + total),
)
.subscribe(toObserver(count)), // same as ).subscribe(val => (count.value = val))
)Type Declarations
export declare function from<T>(
value: ObservableInput<T> | Ref<T>,
watchOptions?: WatchOptions
): Observable<T>
export declare function fromEvent<T extends HTMLElement>(
value: MaybeRef<T>,
event: string
): Observable<Event>Source
© 2019-present Anthony Fu
Licensed under the MIT License.
https://vueuse.org/rxjs/from/