[指南] Vue3 vue-i18n Composition API 共用方法

章節連結

Vue3 搭配 Vue-18N 的套件一同使用時,若你想要沿用 Vue2 撰寫的風格,可以依照以下的原則來設置,以免在本地端正常,但佈署時卻報錯。
vue.js logo vue


原則

1. 在 Composition API 中,要引入用 createI18n 「創建出來」的 Instance 本身,因為裡頭才有 .global,進而拿到全域的 t, tc…等方法。

2. 位於 template 上的寫法,可以保留 $t, $tc…等被定義為 legacy 模式的舊式寫法
3. 打包時,要使用官方所提供的 @intlify/unplugin-vue-i18n/vite 方法。


程式碼

按讚加入粉絲團

延伸閱讀