watchDeep

分类

侦听

导出大小

113 B

上次更改

上个月

使用 {deep: true} 监听值的简写。

用法

类似于 watch，但带有 { deep: true }。

import { watchDeep
 } from '@vueuse/core'

const nestedObject
 = ref
({ foo
: { bar
: { deep
: 5 } } })

watchDeep
(nestedObject
, (updated
) => {
  console
.log
(updated
)
})

onMounted
(() => {
  nestedObject
.value
.foo
.bar
.deep
 = 10
})

类型声明

export declare function watchDeep
<
  T
 extends Readonly
<WatchSource
<unknown>[]>,
  Immediate
 extends Readonly
<boolean> = false,
>(
  source
: [...T
],
  cb
: WatchCallback
<MapSources
<T
>, MapOldSources
<T
, Immediate
>>,
  options
?: Omit
<WatchOptions
<Immediate
>, "deep">,
): WatchHandle

export declare function watchDeep
<
  T
,
  Immediate
 extends Readonly
<boolean> = false,
>(
  source
: WatchSource
<T
>,
  cb
: WatchCallback
<T
, Immediate
 extends true ? T
 | undefined : T
>,
  options
?: Omit
<WatchOptions
<Immediate
>, "deep">,
): WatchHandle

export declare function watchDeep
<
  T
 extends object,
  Immediate
 extends Readonly
<boolean> = false,
>(
  source
: T
,
  cb
: WatchCallback
<T
, Immediate
 extends true ? T
 | undefined : T
>,
  options
?: Omit
<WatchOptions
<Immediate
>, "deep">,
): WatchHandle

来源

源代码 • 文档

贡献者

Anthony Fu

Arthur Darkstone

Anthony Fu

山吹色御守

jp-liu

Kyrie890514

Alex Liu

丶远方

Hammad Asif

更新日志

v14.0.0-alpha.3 于

b8102 - feat(watch): 更新 watchExtractedObservable, watchDebounced, watchDeep, watchImmediate, watchOnce, watchThrottled 和 watchWithFilter 中 watch 返回值的类型错误 (#4896)

v14.0.0-alpha.0 于

00a72 - fix(types): 更新 watch 函数的类型转换以使用 WatchSource (#4966)

v12.0.0-beta.1 于

0a9ed - feat!: 放弃对 Vue 2 的支持，优化打包并清理 (#4349)

v11.0.0-beta.2 于

0716d - fix: 统一 watch 函数的重载声明 (#4043)

v10.1.0 于

8f6a0 - feat(watch): watchImmediate 和 watchDeep 支持重载 (#2998)