useWebWorker

カテゴリ

エクスポートサイズ

322 B

最終変更

先週

使用方法

import { useWebWorker } from '@vueuse/core'

const { data, post, terminate, worker } = useWebWorker('/path/to/worker.js')

状態	型	説明
data	`Ref<any>`	ワーカーから受信した最新のデータへの参照。着信メッセージに応答するために監視できます。
worker	`ShallowRef<Worker \| undefined>`	WebWorkerのインスタンスへの参照

メソッド	シグネチャ	説明
post	`(message: any, transfer: Transferable[]): void` `(message: any, options?: StructuredSerializeOptions \| undefined): void`	ワーカスレッドにデータを送信します。
terminate	`() => void`	ワーカーを停止して終了します。

型定義

typescript

type PostMessage = (typeof Worker.prototype)["postMessage"]
export interface UseWebWorkerReturn<Data = any> {
  data: Ref<Data>
  post: PostMessage
  terminate: () => void
  worker: ShallowRef<Worker | undefined>
}
type WorkerFn = (...args: unknown[]) => Worker
/**
 * Simple Web Workers registration and communication.
 *
 * @see https://vueuse.dokyumento.jp/useWebWorker
 * @param url
 * @param workerOptions
 * @param options
 */
export declare function useWebWorker<T = any>(
  url: string,
  workerOptions?: WorkerOptions,
  options?: ConfigurableWindow,
): UseWebWorkerReturn<T>
/**
 * Simple Web Workers registration and communication.
 *
 * @see https://vueuse.dokyumento.jp/useWebWorker
 * @param worker
 */
export declare function useWebWorker<T = any>(
  worker: Worker | WorkerFn,
): UseWebWorkerReturn<T>