install
cnpm install vue-i18n --save-dev
创建语言包
cn.json:
{
"app": {
"yes": "是"
}
}
en.json:
{
"app": {
"yes": "Yes"
}
}
main.js
挂载
import Vue from 'vue'
import VueI18n from 'vue-i18n'
Vue.use(VueI18n)
const cn = require('@/language/cn.json')
const en = require('@/language/en.json')
const messages = {
en,
cn
}
const i18n = new VueI18n({
locale: 'cn',
messages
})
new Vue({
el: '#app',
i18n,
components: { App },
template: '<App/>'
})
读取
语言包
console.log(this.$t('app.yes'))
this.$i18n.locale = 'en'
console.log(this.$t('app.yes'))