Vue多语言vue-il8n的使用

• 安装

npm install vue-i18n --save

 

• 配置使用

建立lang文件夹，分别建立index.js，zh.js，en.js文件，然后在项目的入口文件main.js中引入

---

index.js

import Vue from 'vue'
import VueI18n from 'vue-i18n'
import enLocale from './en'
import zhLocale from './zh'

Vue.use(VueI18n)

const messages = {
  en: {
    ...enLocale
  },
  zh: {
    ...zhLocale
  }
}

const i18n = new VueI18n({
  locale: 'zh', 
  messages
})

export default i18n

zh.js

export default {
  message: {
    test: '你好 世界'
  }
}

en.js

export default {
  message: {
    test: &#