usePreferredLanguages

分类

浏览器

导出大小

664 B

上次更改

2 个月前

响应式的 Navigator Languages。它向网页开发者提供用户偏好语言的信息。例如，这对于根据用户的偏好语言调整用户界面的语言，以提供更好的体验可能很有用。

演示

源代码在线演练 (beta)

偏好语言

en

用法

import { usePreferredLanguages
 } from '@vueuse/core'

const languages
 = usePreferredLanguages
()

组件用法

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

vue

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

类型声明

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