La configuration de la langue chinoise dans Vue.js nécessite : 1. Installez le plug-in VueI18n ; 2. Créez un fichier de langue ; 3. Configurez VueI18n dans main.js ; 4. Utilisez la méthode $t() pour obtenir la traduction ; chaîne.
Comment définir le chinois dans Vue.js
Pour définir la langue chinoise dans Vue.js, vous pouvez suivre les étapes suivantes :
1 Installer VueI18n
VueI18n est un Vue.js. plug-in, Utilisé pour gérer l'internationalisation. Installer dans le terminal :
npm install vue-i18n
2. Créez un fichier de langue
Créez un fichier nommélang/zh-CN.js
(oùzh-CN
signifie chinois simplifié). ):lang/zh-CN.js
的文件(其中zh-CN
代表中文简体):
export default { message: '你好,世界!' }
3. 在main.js
中配置 VueI18n
在main.js
文件中,导入 VueI18n 并将其安装到 Vue 实例:
import Vue from 'vue' import VueI18n from 'vue-i18n' import messages from './lang/zh-CN.js' Vue.use(VueI18n) const i18n = new VueI18n({ locale: 'zh-CN', // 设置默认语言为中文简体 messages // 加载语言文件 })
4. 使用翻译字符串
在 Vue 组件中,可以使用$t()
{{ $t('message') }}
3. Configurez VueI18n dansmain.js
main.js
, importez VueI18n et installez-le sur l'instance Vue :rrreee 4. Utilisation de chaînes traduitesDans le composant Vue, vous pouvez utiliser la méthode
$t()
pour obtenir la chaîne traduite :rrreeeMaintenant, la traduction chinoise de votre application Vue sera affichée. .
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!