VueUse useMediaQuery 是一个 CSS 媒体查询钩子,用于响应式。使用这个功能我们可以在 Vue 中使用 useMediaQuery 还行 CSS 媒体查询。
import { useMediaQuery } from '@vueuse/core'
const isLargeScreen = useMediaQuery('(min-width: 1024px)')
const isPreferredDark = useMediaQuery('(prefers-color-scheme: dark)')
例子