コンテンツにスキップ

usePerformanceObserver

カテゴリ
エクスポートサイズ
536 B
最終変更
2ヶ月前

パフォーマンスメトリクスを監視します。

デモ

[]

使い方

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()
  },
)

型宣言

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

ソース

ソースデモドキュメント

貢献者

Anthony Fu
Anthony Fu
geekreal

変更履歴

v10.0.0-beta.0 2023/03/14
21536 - feat: 新しい関数 (#2736)

MITライセンスの下でリリースされています。