useSubject

類別

@RxJS

導出大小

257 B

套件

@vueuse/rxjs

上次變更

3 週前

將 RxJS Subject 綁定到 ref，並雙向傳播值變更。

範例

原始碼

在 @vueuse/rxjs 附加元件中可用。

用法

import { useSubject } from '@vueuse/rxjs'
import { Subject } from 'rxjs'

const subject = new Subject()

// setup()
const subjectRef = useSubject(subject)

如果您想為可能發生錯誤的 Subject 添加自訂錯誤處理，您可以提供可選的 onError 配置。如果沒有這個配置，RxJS 會將提供的 observable 中的任何錯誤視為「未處理的錯誤」，並且它將在新的調用堆疊中拋出並報告給 window.onerror（如果您碰巧在 node 中，則報告給 process.on('error')）。

import { useSubject } from '@vueuse/rxjs'
import { Subject } from 'rxjs'

const subject = new Subject()

// setup()
const subjectRef = useSubject(subject, {
  onError: (err) => {
    console.log(err.message) // "oops"
  },
},)

類型宣告

typescript

export interface UseSubjectOptions<I = undefined>
  extends Omit<UseObservableOptions<I>, "initialValue"> {}
export declare function useSubject<H>(
  subject: BehaviorSubject<H>,
  options?: UseSubjectOptions,
): Ref<H>
export declare function useSubject<H>(
  subject: Subject<H>,
  options?: UseSubjectOptions,
): Ref<H | undefined>