useWebWorker

类别

导出体积

325 B

上次更改

last month

Usage

import { useWebWorker
 } from '@vueuse/core'

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

状态	类型	描述
data	`Ref<any>`	对通过 worker 接收的最新数据的引用，可以监视以响应传入消息
worker	`ShallowRef<Worker \| undefined>`	对 WebWorker 实例的引用

方法	签名	描述
post	`(message: any, transfer: Transferable[]): void` `(message: any, options?: StructuredSerializeOptions \| undefined): void`	发送数据到工作线程。
terminate	`() => void`	停止并终止工作线程。

类型声明

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
/**
 * 简单的 Web Workers 注册和通信。
 *
 * @see https://vueuse.org/useWebWorker
 * @param url
 * @param workerOptions
 * @param options
 */
export declare function useWebWorker
<T
 = any>(
  url
: string,
  workerOptions
?: WorkerOptions,
  options
?: ConfigurableWindow
,
): UseWebWorkerReturn
<T
>
/**
 * 简单的 Web Workers 注册和通信。
 *
 * @see https://vueuse.org/useWebWorker
 */
export declare function useWebWorker
<T
 = any>(
  worker
: Worker | WorkerFn
,
): UseWebWorkerReturn
<T
>