uniapp vue-i18n 中英文配置

npm install vue-i18n

main.js

//main.js


import Vue from 'vue'
import App from './App'
import i18n from '@/common/i18n';


const app = new Vue({
	i18n,
    ...App
})
app.$mount()

i18n/index.js

//i18n/index.js

import Vue from 'vue'
import VueI18n from 'vue-i18n'
Vue.use(VueI18n)
// 引入各个语言配置文件
import zhCN from './lang/zhCN.js'
import enUS from './lang/enUS.js'

// 创建vue-i18n实例i18n
const i18n = new VueI18n({
  // 设置默认语言
  locale: uni.getStorageSync('language') || 'chs', // 语言标识
  // 添加多语言（每一个语言标示对应一个语言文件）
  messages: {
    'chs': zhCN,
    'eng': enUS
  }
})

// 暴露i18n
export default i18n

zhCN.js

var zhLocale = {
	zh:'中文',
	en:'英文',
}
export default zhLocale;

enUS.js

var enLocale = {
	zh:'Chinese',
	en:'English',
}
export default enLocale;

使用

<text>{{$t('login.rememberPsw')}} </text>