昨天（Day 12）才剛完成「網站會自動寄信提醒」的功能，我就突然想到一個問題，如果有人看不懂中文，這個網站要怎麼用？不是會很不方便嗎?所以我希望能讓我的小網站能夠支援「中英文切換」！至於為什麼要做多...
在 Vue 的開發過程中，元件化設計能讓程式碼更好維護與重複使用。不過，光有「元件」還不夠，因為很多時候我們希望在元件裡「保留一個位置」，讓父層可以依照需求去插入不同的內容。這時候，插槽 (slot)...
在昨天介紹使用 Vue Router 的內容中，有提到在 router 資料夾中的 index.js 檔案內寫入 router 規則，今天將更詳細說明 Vue Router 的路由相關設定與功能。 h...
今天想要來看看在 vue 中如何連到不同頁面，以 HTML 來說，可以使用 a href 連到相應的 html 檔，但是 vue 的檔案都是以 .vue 結尾，到底怎麼連勒 qaq於是找到這個酷東西...
今天筆者將與各位一起練習Vue.js的語法與功能，並利用前幾日所學得來製作一個簡易的小遊戲。遊戲內容是這樣的，畫面上會出現一個簡單的加減乘除算式，以及一個輸入框，如果答案正確，玩家將會獲得10分，一共...
介紹完自行開發的元件後，本篇將介紹其他由社群提供的第三方開源套件——Easy Data Table。該元件專為 Vue 3 開發，方便建立資料表格，支援基本的排序、分頁與選取功能，是專案中相當常用的元...
接下來介紹共用元件（components）的開發，讓不同功能頁面重複使用。先從最簡單的跳窗開始介紹，後續幾天則會帶到進階與更複雜的元件，讓前端 UI 模組更完整，協助前端開發者快速組裝所需功能。 跳窗...
今日目標：完成一個星際地圖 /：星際地圖（星球清單） /planet/:slug：星球介紹頁（動態路由） 找不到路由 → 404 頁 1) 建立資料：src/data/planets.js exp...
昨天我們學會了 表單與使用者輸入，不過目前我們的 Vue App 還停留在「單一頁面」的階段。今天要開啟一條新的星際航線 —— Vue Router ！ 為什麼需要 Vue Router？ 沒有 R...
由於 Vue 是單頁應用程式(SPA)，當頁面發生跳轉時，仍然是使用相同的HTML檔案(index.html)，不同於傳統多頁應用(MPA)，每個網址對應一個實際檔案，需要向後端的伺服器發送請求，因此...