VueUseusePerformanceObserver ​
Observe performance metrics.
Demo ​
[]Usage ​
ts
import { usePerformanceObserver } from '@vueuse/core'
const entrys = ref<PerformanceEntry[]>([])
usePerformanceObserver({
entryTypes: ['paint'],
}, (list) => {
entrys.value = list.getEntries()
})import { usePerformanceObserver } from '@vueuse/core'
const entrys = ref<PerformanceEntry[]>([])
usePerformanceObserver({
entryTypes: ['paint'],
}, (list) => {
entrys.value = list.getEntries()
})Type Declarations ​
typescript
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
}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
}Source ​
Contributors ​
Changelog ​
v10.0.0-beta.0 on 3/14/2023