Skip to content

usePerformanceObserver

观察性能指标。

¥Observe performance metrics.

示例

用法

¥Usage

ts
import { 
usePerformanceObserver
} from '@vueuse/core'
const
entrys
=
ref
<PerformanceEntry[]>([])
usePerformanceObserver
({
entryTypes
: ['paint'],
}, (
list
) => {
entrys
.
value
=
list
.
getEntries
()
})
js
import { usePerformanceObserver } from '@vueuse/core'
const entrys = ref([])
usePerformanceObserver(
  {
    entryTypes: ['paint'],
  },
  (list) => {
    entrys.value = list.getEntries()
  },
)

类型声明

ts
export type 
UsePerformanceObserverOptions
= PerformanceObserverInit &
ConfigurableWindow
& {
/** * Start the observer immediate. * * @default true */
immediate
?: boolean
} /** * Observe performance metrics. * * @see https://vueuse.org/usePerformanceObserver * @param options */ export declare function
usePerformanceObserver
(
options
:
UsePerformanceObserverOptions
,
callback
: PerformanceObserverCallback,
): {
isSupported
:
ComputedRef
<boolean>
start
: () => void
stop
: () => void
}

源代码

源代码示例文档

变更日志

最近没有更改