vue-i18n
Posted qq3279338858
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue-i18n相关的知识，希望对你有一定的参考价值。
安装
npm install vue-i18n初始化
import VueI18n from ‘vue-i18n‘
Vue.use(VueI18n)
const messages = {
zh: {
message: {
hello: ‘好好学习，天天向上！‘
}
},
en: {
message: {
hello: ‘good good study, day day up!‘
}
}
}
const i18n = new VueI18n({
locale: ‘en‘, // 语言标识
messages
})
const app = new Vue({
router,
i18n,
...App
}).$mount(‘#app‘)
<div id="app">
<h1 style="font-size: 16px; text-align: center;">{{ $t("message.hello") }}</h1>
</div>异步加载语言
...
const i18n = new VueI18n({
locale: ‘en‘, // 语言标识
messages: {
‘zh‘: require(‘./common/lang/zh‘),
‘en‘: require(‘./common/lang/en‘)
}
})
...以上是关于vue-i18n的主要内容，如果未能解决你的问题，请参考以下文章