简单易用的Vue_i18n

install

cnpm install vue-i18n --save-dev

创建语言包

cn.json:
{
    "app": {
        "yes": "是"
    }
}

en.json:
{
    "app": {
        "yes": "Yes"
    }
}

main.js挂载

import Vue from 'vue'
import VueI18n from 'vue-i18n'  // 引入i18n

Vue.use(VueI18n)

const cn = require('@/language/cn.json')    // 引入语言包
const en = require('@/language/en.json')

const messages = {
  en,
  cn
}
const i18n = new VueI18n({
  locale: 'cn', // 语言标识
  messages
})

/* eslint-disable no-new */
new Vue({
  el: '#app',
  i18n,
  components: { App },
  template: '<App/>'
})

读取语言包

console.log(this.$t('app.yes'))        // 是
this.$i18n.locale = 'en'
console.log(this.$t('app.yes'))        // Yes