[筆記] Vue i18n v10 以上版本 複數 Plural 使用方式

這邊筆記一下 Vue i18n 在 v10 以上版本時，Plural 複數功能要如何使用。

---

內容

詳請可見：https://vue-i18n.intlify.dev/guide/migration/breaking10.html#tc-key-key-choice-number-named-record-string-unknown-translateresult

過往模版中，若複數形式有要指定「第幾種」模式和帶入一些自定義變數的話，那會是以下的寫法

{{ $tc(‘banana’, 2, { name: ‘dio’ }) }}

不過現在要改成：

{{ $t(‘banana’, { name: ‘dio’ }, 2 ) }}

指定模式的數值改放到最後了。至於模式的數值一樣維持 1,2,3 三種。

---

參考資料

1. Breaking Changes in v10

按讚加入粉絲團

延伸閱讀

• [筆記] Vue i18n v10 以上版本 複數 Plural 使用方式
• [筆記] Email html 模版撰寫樣式注意事項
• [筆記] 程式必修課！離散數學與演算法 – 33
• [筆記] 程式必修課！離散數學與演算法 – 32
• [筆記] 程式必修課！離散數學與演算法 – 31