usePreferredLanguages
响应式 Navigator Languages。为web开发人员提供有关用户首选语言的信息。例如,这可能有助于根据用户的首选语言调整用户界面的语言,以提供更好的体验。
Reactive Navigator Languages. It provides web developers with information about the user's preferred languages. For example, this may be useful to adjust the language of the user interface based on the user's preferred languages in order to provide better experience.
例子
Usage
js
import { usePreferredLanguages } from '@vueuse/core'
const languages = usePreferredLanguages()
import { usePreferredLanguages } from '@vueuse/core'
const languages = usePreferredLanguages()
Component Usage
该函数还通过
@vueuse/components
提供了一个无渲染的组件版本。了解更多.
This function also provides a renderless component version via the
@vueuse/components
package. Learn more about the usage.
html
<UsePreferredLanguages v-slot="{ languages }">
Preferred Languages: {{ languages }}
</UsePreferredLanguages>
<UsePreferredLanguages v-slot="{ languages }">
Preferred Languages: {{ languages }}
</UsePreferredLanguages>
Type Declarations
typescript
/**
* Reactive Navigator Languages.
*
* @see https://vueuse.org/usePreferredLanguages
* @param options
*/
export declare function usePreferredLanguages(
options?: ConfigurableWindow
): Ref<readonly string[]>
/**
* Reactive Navigator Languages.
*
* @see https://vueuse.org/usePreferredLanguages
* @param options
*/
export declare function usePreferredLanguages(
options?: ConfigurableWindow
): Ref<readonly string[]>