usePreferredReducedMotion

反应式 prefers-reduced-motion 媒体查询。

¥Reactive prefers-reduced-motion media query.

示例

源代码演练场

Preferred Motion:

no-preference

用法

¥Usage

ts

import { usePreferredReducedMotion
 } from '@vueuse/core'

const preferredMotion
 = usePreferredReducedMotion
()

组件用法

¥Component Usage

vue

<template>
  <UsePreferredReducedMotion v-slot="{ motion
 }">
    Preferred Reduced Motion: {{ motion
 }}
  </UsePreferredReducedMotion>
</template>