鐵人檔案
這系列的文章將紀錄我30天學習網頁前端框架Vue.js的過程，從基礎語法與核心概念（如：資料綁定、事件處理等），逐步延伸到更進階的主題（如：元件生命週期、Vue Router等），除了學習語法概念外，也會搭配範例程式碼和實作應用來增進對知識的理解。
今天的內容要介紹 Vue 如何在元件狀態發生變化時，執行CSS過渡漸變的動畫效果，來增添使用者介面的互動性。 Transition 元件是什麼？ <tra...
先前在 Day9 Vue指令- 條件渲染 內容中，有提到 v-if 可以依照條件判斷來決定內容是否呈現在畫面上，而今天的內容將介紹另外一種方法來實現動態控制元件...
先前在 Day19 Vue 插槽 Slots (上) 的內容中，有提到 slot 可以將父元件的模板片段內容渲染在子元件中的指定位置，但是其燈箱(lightbo...
由於 Vue 是單頁應用程式(SPA)，當頁面發生跳轉時，仍然是使用相同的HTML檔案(index.html)，不同於傳統多頁應用(MPA)，每個網址對應一個實...
在昨天介紹使用 Vue Router 的內容中，有提到在 router 資料夾中的 index.js 檔案內寫入 router 規則，今天將更詳細說明 Vue...
在前幾天的內容中有提到，透過使用<router-link>加上 to 屬性可以建立路由連結，取代傳統的 <a> 標籤，今天的內容將探討...
隨著開發的專案擴大，導致元件之間需要頻繁共享資料，若只依靠 props 或 emit 傳遞會讓程式變得複雜、難以維護，因此透過使用狀態管理工具來集中管理共享資料...
今天的內容將透過實作，複習先前學習的 Vue 語法以及 Vue Router以下實作是使用 Composition API 撰寫，將著重講解<script...
今天的內容將延續昨天的實作內容，繼續探討 Vue 實際的應用以下實作是使用 Composition API 撰寫，將著重講解<script setup&g...
今天的內容將延續昨天的實作內容，繼續探討 Vue 實際的應用以下實作是使用 Composition API 撰寫，將著重講解<script setup&g...
