跳到内容

usePreferredLanguages

类别
导出大小
592 B
上次更改
3 周前

响应式 Navigator Languages。它为 Web 开发者提供关于用户偏好语言的信息。例如,这可能有助于根据用户的偏好语言调整用户界面的语言,以便提供更好的体验。

演示

偏好语言
en

用法

js
import { usePreferredLanguages } from '@vueuse/core'

const languages = usePreferredLanguages()

组件用法

此函数还通过 @vueuse/components 包提供了一个无渲染组件版本。了解更多关于用法的信息

vue
<template>
  <UsePreferredLanguages v-slot="{ languages }">
    Preferred Languages: {{ languages }}
  </UsePreferredLanguages>
</template>

类型声明

typescript
/**
 * Reactive Navigator Languages.
 *
 * @see https://vueuse.org.cn/usePreferredLanguages
 * @param options
 */
export declare function usePreferredLanguages(
  options?: ConfigurableWindow,
): Ref<readonly string[]>

源代码

源代码演示文档

贡献者

Anthony Fu
Antério Vieira
Fernando Fernández
Anthony Fu
vaakian X
wheat
Alex Kozack

更新日志

v12.4.0 于 1/10/2025
dd316 - feat: 在任何可能的地方使用被动事件处理程序 (#4477)
v12.0.0-beta.1 于 11/21/2024
0a9ed - feat!: 放弃 Vue 2 支持,优化 bundles 并清理 (#4349)

根据 MIT 许可证发布。