跳到主要內容

usePreferredLanguages

類別
匯出大小
592 B
最後變更
3 週前

響應式 Navigator Languages。它為網頁開發者提供關於使用者偏好語言的資訊。例如,這對於根據使用者偏好的語言調整使用者介面的語言,以提供更好的體驗可能很有用。

範例

偏好語言
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.dev.org.tw/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 - 新功能: 盡可能在所有地方使用被動事件處理器 (#4477)
v12.0.0-beta.1 於 11/21/2024
0a9ed - 新功能!: 移除 Vue 2 支援、最佳化 bundle 並清理 (#4349)

以 MIT 授權條款發布。