vant ui 官方,vant dialog,vant mobile,vant,vant transition,vant mobile ui
Vant4 是一款基于 Vue.js 的组件库，其国际化功能可以让应用程序或网站支持多种语言。Vant4 国际化使用了 Vue I18n 插件来实现，该插件提供了一些 API 和指令，可以轻松地在应用程序中管理多语言文本。

一般来说，Vant4 国际化工作流程如下：

1.在项目中安装 Vue I18n 插件。
2.创建多语言文件，例如：zh-CN.js（中文）、en-US.js（英文）等。
3.在组件中使用 $t 指令并传入相应的键名，显示对应语言的文本。

以下是一个简单的例子，展示了如何在 Vant4 中使用国际化功能：

1. 安装 Vue I18n 插件


npm install vue-i18n --save


2. 创建多语言文件

javascript
// resources/lang/zh-CN.js

export default {
hello: '你好',
goodbye: '再见'
}


javascript
// resources/lang/en-US.js

export default {
hello: 'Hello',
goodbye: 'Goodbye'
}


3. 在组件中使用 $t 指令

vue
<template>
<div>
<h1>{{ $t('hello') }}</h1>
<p>{{ $t('goodbye') }}</p>
</div>
</template>

<script>
export default {
name: 'MyComponent'
}
</script>


在上面的例子中，$t 指令会根据当前语言环境自动选择对应的文本，从而达到国际化的效果。如果当前语言环境是中文，则输出 "你好" 和 "再见"；如果当前语言环境是英文，则输出 "Hello" 和 "Goodbye"。