vue에서 중국어를 설정하는 방법

Vue.js에서 중국어를 설정하려면 다음이 필요합니다. 1. VueI18n 플러그인을 설치합니다. 2. 언어 파일을 만듭니다. 3. main.js에서 VueI18n을 구성합니다. 4. 번역을 가져옵니다. 끈.

Vue.js에서 중국어를 설정하는 방법

Vue.js에서 중국어를 설정하려면 다음 단계를 따르세요.

1 VueI18n을 설치하세요

VueI18n은 Vue.js입니다. 플러그인. 국제화를 관리하는 데 사용됩니다. 터미널에 설치:

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

2. 언어 파일 생성

lang/zh-CN.js라는 파일 생성(여기서 zh-CN은 중국어 간체를 나타냄) ): 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. main.js

🎜🎜main.js 파일에서 VueI18n을 가져와 Vue 인스턴스에 설치합니다.🎜rrreee 🎜🎜4. 번역된 문자열 사용🎜🎜🎜Vue 구성 요소에서 $t() 메서드를 사용하여 번역된 문자열을 얻을 수 있습니다.🎜rrreee🎜이제 Vue 애플리케이션 중국어 번역이 표시됩니다. . 🎜

위 내용은 vue에서 중국어를 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!