VUE-I18N,这是它的替代。$I18N使用合成API?

尝试使用组合API在组件中实现VUE-I18N。 我希望能够在onmount挂钩中设置一些翻译消息。在选项API中,我将使用this.$i18n.setLocaleMessage(locale, messages)

但是,this在组合API setUp()方法中不可用。所以,当我尝试上面的方法时,它给了我不确定的感觉。我可以通过将i18N导入到组件中来实现: import { useI18n } from 'vue-i18n',然后创建它的一个实例var i18n = useI18n({}), i18n.setLocaleMessage(),但我更喜欢像第一个一样的单行解决方案。


解决方案

只需使用useI18n中的t,如下所示:

 const {t} = useI18n({})
//then use in any place in the setup hook
 onMounted(()=>console.log(t('someWord')) 

相关文章