1 先安装 npm install vue-i18n
2 新建文件assets/js/i18n.js
3 引入vue-i18n并注册到vue上
import VueI18n from 'vue-i18n'
import Vue from 'vue'
Vue.use(VueI18n)
let locale = 'zh-CN'
// 我这里进行了sessionStoraage配置
// sessionStorage.getItem('vuex') ? sessionStorage.getItem('vuex').language || 'zh-CN' : 'zh-CN'
let messages = {
"zh-CN": {
'loginOut': '登出'
},
"en-US": {
'loginOut': 'sessionOut'
}
}
export default new VueI18n({
locale: locale, // 语言标识
messages: messages,
silentTranslationWarn: true // 去除console中黄色报错
})
4 全局注册 在main.js 中
import i18n from './assets/js/i18n'
new Vue({
el: '#app',
i18n,
components: { App },
template: '<App/>'
})
5.
在.vue 文件中使用方法
1. :placeholder="$t('loginOut')"
2. {{$t('loginOut')}}
在.js 文件中使用方法
import i18n from '../assets/js/i18n'
i18n.t('loginOut')
原链接:https://www.cnblogs.com/guozongzhang/p/10790441.html