useDevicePixelRatio

window.devicePixelRatio をリアクティブに追跡します

注意: window.devicePixelRatio の変更を監視するイベントリスナーはありません。この関数は、この例で説明されているのと同じメカニズムを適用して、プログラムでメディアクエリをテストする (window.matchMedia)を使用します。

使用法

import { useDevicePixelRatio } from '@vueuse/core'

const { pixelRatio } = useDevicePixelRatio()

コンポーネントでの使用

<template>
  <UseDevicePixelRatio v-slot="{ pixelRatio }">
    Pixel Ratio: {{ pixelRatio }}
  </UseDevicePixelRatio>
</template>