前端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')}}

posted @ 2018-12-28 14:24  Breakpattert_阿涛  阅读(522)  评论(0编辑  收藏  举报