vue 项目引入i18n国际化

国际化一般就是一套程序有多语言的版本可以切换。

这时需要两个文件一个是中文的。一个是英文的。

demo源码链接：https://github.com/XieTongXue/how-to/tree/master/vue-internationalization

 

步骤一：安装vue-i18n

npm install vue-i18n --save

 

步骤二：main.js文件的配置，在main.js中添加以下跟vue-i18n的使用有关的配置项

// 引入i18n国际化插件
import VueI18n from 'vue-i18n'
Vue.use(VueI18n)
 
// 注册i18n实例并引入语言文件，文件格式等下解析
const i18n = new VueI18n({
  locale: 'zh',
  messages: {
    'zh': require('@/assets/languages/zh.json'),  //两个json文件，一个zh是中文。en是英文
    'en': require('@/assets/languages/en.json')
  }
})
//将i18n注入到vue实例中
new Vue({
  el: '#app',<