在以dispatch呼叫actiion後，進而發送API請求，詳細的流程，要進一步查看Vuex的模組物件(module object)，可以查看src/store/employee.module.js...
今天繼續用小專案來練習，我想製作一個代辦事項清單，但覺得畫面只有一個代辦事項區有點無趣，所以打算增加其他區域並設置其他功能，下圖是目前預計的排版 中間放代辦事項，可以新增代辦事項，紀錄完成的事項，將完...
在前面幾篇文章裡，提到這次專案選擇透過外購套版來處理 UI/UX，藉此省下不少介面設計與元件開發的時間。本篇就延續這個話題，來分享如何利用模板進行改造與引用。Day7 已經整理過套版的專案結構，因此只...
在完成 Easy Data Table 的基本應用後，今日將整合 Day20 v-slot 進一步延伸並進行功能改造，主要目標如下： 共用元件化將資料表整合至跳窗 (Modal) 中，改造成可重複...
昨天（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 開發，方便建立資料表格，支援基本的排序、分頁與選取功能，是專案中相當常用的元...