Das Festlegen der chinesischen Sprache in Vue.js erfordert: 1. Installieren Sie das VueI18n-Plugin. 2. Erstellen Sie eine Sprachdatei. 3. Konfigurieren Sie VueI18n in main.js. 4. Verwenden Sie die Methode $t() Zeichenfolge.
So stellen Sie Chinesisch in Vue.js ein
Um die chinesische Sprache in Vue.js festzulegen, können Sie die folgenden Schritte ausführen:
1. Installieren Sie VueI18n
VueI18n ist ein Vue.js Plug-in, wird zur Verwaltung der Internationalisierung verwendet. Im Terminal installieren:
npm install vue-i18n
2. Sprachdatei erstellen
Erstellen Sie eine Datei mit dem Namenlang/zh-CN.js
(wobeizh-CN
für vereinfachtes Chinesisch steht ):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. Konfigurieren Sie VueI18n inmain.js
main.js
importieren Sie VueI18n und installieren Sie es in der Vue-Instanz :rrreee 4. Übersetzte Zeichenfolgen verwendenIn der Vue-Komponente können Sie die Methode
$t()
verwenden, um die übersetzte Zeichenfolge abzurufen:rrreeeJetzt wird die chinesische Übersetzung Ihrer Vue-Anwendung angezeigt .
Das obige ist der detaillierte Inhalt vonSo setzen Sie Chinesisch in Vue ein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!