[指南] Vue3 搭配 vue-i18N 的全域注入设定

章节连结

使用 Vue 3 开发并整合 Vue-18n 的过程中,若你是习惯使用 Vue2 的 $t 写法的,那有很大的机率会在加载时出现错误。理由是 Vue-i18n 和 Vue 3 的搭配默认是不会如同 Vue2 般全域注入的,就像Vue3 没有 this.$vm 可以直接取得 Vue 的 Instance 一般。这篇笔记下其设定值,让你既可以保留 Vue2 的 $t 写法,也可以使用 Composition API 所带来的好处。
vue.js logo vue


可能出现的错误

当你默认没有加载支援 $t 的写法时,很有机会出现 __VUE__i18n__ 无法加载的错误讯息

设定步骤

1. 在 createI18n 的 Instance 建立时,需要额外加上以下设定:


参考来源

1. Implicit with injected properties and functions
2. 过往的 Legacy Mode

按赞加入粉丝团

延伸阅读