useWebWorker

useWebWorker

シンプルなWeb Workersの登録と通信。

使用方法

import { useWebWorker } from '@vueuse/core'

const { data, post, terminate, worker } = useWebWorker('/path/to/worker.js')
状態説明
dataRef<any>ワーカーを通じて受信した最新のデータへの参照。受信メッセージに応じて反応するために監視可能です。
workerShallowRef<Worker | undefined>WebWorkerのインスタンスへの参照
メソッドシグネチャ説明
post(message: any, transfer: Transferable[]): void
(message: any, options?: StructuredSerializeOptions | undefined): void
データをワーカースレッドに送信します。
terminate() => voidワーカーを停止し、終了します。