usePerformanceObserver

类别

Browser

导出体积

391 B

上次更改

last year

观察性能指标。

示例

源码 playground (beta)

[]

Usage

TypeScript

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([])
usePerformanceObserver(
  {
    entryTypes: ['paint'],
  },
  (list) => {
    entrys.value = list.getEntries()
  },
)

类型声明

export type UsePerformanceObserverOptions
 = PerformanceObserverInit &
  ConfigurableWindow
 & {
    /**
     * 立即启动观察者
     *
     * @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
}