vueで中国語を設定する方法

Vue.js で中国語を設定するには: 1. VueI18n プラグインをインストールする; 2. 言語ファイルを作成する; 3. main.js で VueI18n を構成する; 4. $t() メソッドを使用する翻訳文字列を取得します。

Vue.js で中国語を設定する方法

Vue.js で中国語を設定するには、次を使用できます。次の手順:

1. VueI18n をインストールします

VueI18n は、国際化を管理するための Vue.js プラグインです。ターミナルにインストールします:

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

2. 言語ファイルの作成

lang/zh-CN.js という名前のファイルを作成します (zh-CN は簡体字中国語を表します):

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

3. main.js ##main で VueI18n

を構成します。 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>

以上がvueで中国語を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。