前端vue使用iView实例化VueI18n处理国际化

//国际化 按需导入
import iView from 'iview'
import VueI18n from 'vue-i18n'
import zhCN from 'iview/dist/locale/zh-CN'
import zhTW from 'iview/dist/locale/zh-TW'
import en from 'iview/dist/locale/en-US'
Vue.use(VueI18n)
Vue.use(iView)
Vue.locale = () => {}
const messages = {
en: Object.assign({ message: 'hello' }, en),
zhCN: Object.assign({ message: '你好' }, zhCN),
zhTW: Object.assign({ message: '你好' }, zhTW)
}

const i18n = new VueI18n({
locale: 'zhCN', // set locale
messages // set locale messages
})

let view=new Vue({
el:'#app',
i18n,
data:{

},

页面：{{$t('message')}}

转载于:https://www.cnblogs.com/breakXu/p/10190344.html