Skip to content

watchImmediate

类别
导出体积
117 B
上次更改
5 months ago

使用 { immediate: true } 监听值的简写形式。

使用方法

类似于 watch,但使用 { immediate: true }

ts
import { watchImmediate } from '@vueuse/core'

const obj = ref('vue-use')

// 从某些外部存储/组合中更改值
obj.value = 'VueUse'

watchImmediate(obj, (updated) => {
  console.log(updated) // 控制台日志将被记录两次
})

类型声明

typescript
export declare function watchImmediate<
  T extends Readonly<WatchSource<unknown>[]>,
>(
  source: [...T],
  cb: WatchCallback<MapSources<T>, MapOldSources<T, true>>,
  options?: Omit<WatchOptions<true>, "immediate">,
): WatchStopHandle
export declare function watchImmediate<T>(
  source: WatchSource<T>,
  cb: WatchCallback<T, T | undefined>,
  options?: Omit<WatchOptions<true>, "immediate">,
): WatchStopHandle
export declare function watchImmediate<T extends object>(
  source: T,
  cb: WatchCallback<T, T | undefined>,
  options?: Omit<WatchOptions<true>, "immediate">,
): WatchStopHandle

源码

源码文档

贡献者

一纸忘忧
Anthony Fu
Anthony Fu
Nate Oliver
山吹色御守
jp-liu
Andrew Ferreira
Kyrie890514
Alex Liu
丶远方
Magomed Chemurziev
Hammad Asif

更新日志

0a9ed - feat!: drop Vue 2 support, optimize bundles and clean up (#4349)
0716d - fix(watchDeep): unify overload declaration for watch functions (#4043)
4b4e6 - fix: fix overload signature (#3114)
8f6a0 - feat(watch): watchImmediate and watchDeep support overloads (#2998)
e6e25 - fix(watchDeep,watchImmediate): fix callback function execution logic (#2951)
b4ec7 - feat(watch): shorthands for watch (#2651)