So setzen Sie Chinesisch in Vue ein

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:

<code>npm install vue-i18n</code>

2. Sprachdatei erstellen

Erstellen Sie eine Datei mit dem Namen lang/zh-CN.js (wobei zh-CN für vereinfachtes Chinesisch steht ): lang/zh-CN.js 的文件（其中 zh-CN 代表中文简体）：

<code class="js">export default {
  message: '你好，世界！'
}</code>

3. 在 main.js 中配置 VueI18n

在 main.js 文件中，导入 VueI18n 并将其安装到 Vue 实例：

<code class="js">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 // 加载语言文件
})</code>

4. 使用翻译字符串

在 Vue 组件中，可以使用 $t()

<code class="html"><template>
  <p>{{ $t('message') }}</p>
</template>

<script>
export default {
  ...
}
</script></code>

3. Konfigurieren Sie VueI18n in main.js

🎜🎜In der Datei main.js importieren Sie VueI18n und installieren Sie es in der Vue-Instanz :🎜rrreee 🎜🎜4. Übersetzte Zeichenfolgen verwenden🎜🎜🎜In der Vue-Komponente können Sie die Methode $t() verwenden, um die übersetzte Zeichenfolge abzurufen:🎜rrreee🎜Jetzt 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!