Vue实现国际化（中英切换）

实现这个需求要使用到Vue-i18n。

npm install vue-i18n

然后挂载到main.js中，并配置。

import VueI18n from 'vue-i18n'

Vue.use(VueI18n) // 通过插件的形式挂载

const i18n = new VueI18n({
  locale: 'zh-CN',    // 语言标识
  //this.$i18n.locale // 通过切换locale的值来实现语言切换
  messages: {
    'zh-CN': require('./common/lang/cn'),   // 中文语言包
    'en-US': require('./common/lang/en')    // 英文语言包
  }
})

注：locale是设置当前语言的，后期需要切换时使用this.$i18n.locale=xx即可切换
注2：require就是引入的语言包。这个需要自己配置，暂时没有办法自动搞。

随便上个图，找到路径新建js后，这就大功告成了。

使用时注意：html中 例如 span等标签内包裹的内容 {{$t('m.index.kuangchi')}}
js中 例如 methods方法中 this.$t('m.index.kuangchi')

以此类推 完结