【前端】 vue-i18n 在 JS 文件中如何使用.pdf
版权申诉
60 浏览量
2021-11-24
10:52:42
上传
评论
收藏 397KB PDF 举报
vue-i18n 在 JS 文件中如何使用
在 Vue.js 项目中，vuei18n 是一个比较流行的多语
言方案。常规用法是在项目入口文件里，将它作为插件
引入，然后在 .vue 文件或者组件模板里按照 API 来调
用就行。插件会自动往组件实例中注入 $t 方法。
const messages = {
en: {
message: {
hello: 'hello world'
}
},
cn: {
message: {
hello: ' 你 好 世
}
}
}
// Create VueI18n instance with options
const i18n = new VueI18n({
locale: 'cn', // set locale
messages, // set locale messages
})
new Vue({ i18n }).$mount('#app')
//App.vue
"app">
{{ $t("message.hello") }}
界 '
资源评论
