iT邦幫忙

鐵人檔案

2025 iThome 鐵人賽
回列表
Vue.js

新手學習Vue.js與實作之旅 系列

這系列的文章將紀錄我30天學習網頁前端框架Vue.js的過程,從基礎語法與核心概念(如:資料綁定、事件處理等),逐步延伸到更進階的主題(如:元件生命週期、Vue Router等),除了學習語法概念外,也會搭配範例程式碼和實作應用來增進對知識的理解。

參賽天數 24 天 | 共 24 篇文章 | 1 人訂閱 訂閱系列文 RSS系列文
DAY 21

Day21 Vue元件 - Transition

今天的內容要介紹 Vue 如何在元件狀態發生變化時,執行CSS過渡漸變的動畫效果,來增添使用者介面的互動性。 Transition 元件是什麼? <tra...

2025-09-26 ‧ 由 zhiz 分享
DAY 22

Day22 Vue 動態元件 & KeepAlive

先前在 Day9 Vue指令- 條件渲染 內容中,有提到 v-if 可以依照條件判斷來決定內容是否呈現在畫面上,而今天的內容將介紹另外一種方法來實現動態控制元件...

2025-09-27 ‧ 由 zhiz 分享
DAY 23

Day23 Vue元件 - Teleport

先前在 Day19 Vue 插槽 Slots (上) 的內容中,有提到 slot 可以將父元件的模板片段內容渲染在子元件中的指定位置,但是其燈箱(lightbo...

2025-09-28 ‧ 由 zhiz 分享
DAY 24

Day24 Vue Router (I)

由於 Vue 是單頁應用程式(SPA),當頁面發生跳轉時,仍然是使用相同的HTML檔案(index.html),不同於傳統多頁應用(MPA),每個網址對應一個實...

2025-09-29 ‧ 由 zhiz 分享