技術 [Day02] Vue i18n - 導入 & 基礎用法

i18n 全寫為 internationalization，俗稱的多國語系也常被稱之為本地化 (Localization)。 隨著現在網路的發達和資訊的流通...

技術 [Day07] Vue i18n - Datetime Formatting

在本地化 (localize) 專案時，我們可能會遇到需要處理日期時間顯示的問題，因為日期時間的顯示方式可能會因為每個國家而有所不同，例如： <p>...

技術 [Day06] Vue i18n - Number Formatting (Currency 貨幣)

在本地化 (localize) 專案時，我們可能會遇到需要處理金錢、價錢等貨幣的問題，在顯示價錢時我們會需要依據當前的語系顯示相對應的貨幣符號 ，例如： &lt...

技術 Day 27：語系包在 i 身上－Vue I18n 前置作業

因應國際化的需求，專案決定也要符合 international 的規格，Navbar 右上角的「選擇語系」功能總算要開工了！話不多說，直接介紹接下來要安裝的 p...

技術 Day 28：順手挖洞給 i 跳－vue-i18n

基本上設置多國語系算是相對簡單的事情，只要在 <template> 中有使用模板語法的位置，加上 $t() 放入變數即可。因此可以的話，會建議在專案...

技術 [Day03] Vue i18n - Message Format Syntax

紅框中的句子 Welcome to Your Vue.js App 如果我們想要將其中的 Vue.js 變成隨時可以替換時該怎麼辦？ 上一篇我們介紹的基礎用法...

技術 [Day05] Vue i18n - Component Interpolation

在本地化 (localize) 文字訊息時，我們可能會遇到需要特別處理 HTML tag的情況，什麼意思呢？我們來看一下上圖紅框中的句子的 HTML 結構。...

技術 [筆記]vue-cli i18n 多語系應用練習

參考文章: https://medium.com/easons-murmuring/%E5%9C%A8-vue-cli-%E4%B8%AD%E4%BD%BF%E...

技術 [Day04] Vue i18n - Pluralization

在本地化 (localize) 文字訊息時，我們可能會遇到某些語言會有複數型態的狀況 (最常見的就是英文)，雖然我們可以透過個別定義 key value 的方式...