- 安装：
cnpm install vue-i18n -S
- 导入注册：
import VueI18n from 'vue-i18n'
Vue.use(VueI18n)
- 使用：
//1-初始化数据
const messages = {
zh: {
message: {
hello: '好好学习，天天向上！'
}
},
en: {
message: {
hello: 'good good study, day day up!'
}
}
}
//2-实例化i18n
const i18n = new VueI18n({
locale: 'zh', // 设置默认语言
messages
})
//3-挂载到vue根实例上
import App from './App.vue'
new Vue({
el: '#app',
router,
i18n,
render: h => h(App)
// components: { App },
// template:'<App/>',
})
<!--4-模板中使用-->
<div id="app">
<h1 style="font-size: 16px; text-align: center;">{{ $t("message.hello") }} </h1>
</div>
参考文档：参考文档
github在线文档：github
