iT邦幫忙

鐵人檔案

2025 iThome 鐵人賽
回列表
Vue.js

Vue.js 新手入門之路 系列

身為一個程式小菜雞,我決定透過紀錄自己的學習過程來進步。從環境安裝、語法基礎到實作小專案,期望每一天都會留下簡單的筆記與程式碼,讓自己一步一步往前進。考驗能不能做到「持之以恆」這件事,紀錄一個月,讓自己看到努力後的成長。

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

Vue.js 新手入門之路 - Vue.js 是什麼 ? 能吃嗎 ?

之前在開發專案都是由純 HTML + CSS + JavasSript趁著這次參加鐵人賽,用「框架化」的方式來學習,挑戰看看 Vue.js! 簡單介紹一下 Vu...

2025-08-21 ‧ 由 normie_a 分享
DAY 2

Vue.js 新手入門之路 - Node.js 與 Vite

今天要來試著將開發環境準備好要下載的有 Node.js Vite Vite 是一個 Javascript 建構工具 可當 server 只載入需要的檔...

2025-08-22 ‧ 由 normie_a 分享
DAY 3

Vue.js 新手入門之路 - Hello! Vue

今天的學習會碰一點點的程式首先,先來認識 Vue 的專案結構 vite-project/ ├─ .vscode/ # 存放 VSCode...

2025-08-23 ‧ 由 normie_a 分享
DAY 4

Vue.js 新手入門之路 - 模板語法

補充上一篇 App.vue 是可以有多個 instance 的首先到 index.html 放兩個 app <html lang="en&quo...

2025-08-24 ‧ 由 normie_a 分享
DAY 5

Vue.js 新手入門之路 - 模板語法 (二)

屬性的綁定 通常我們在寫網頁的時候大多直接在標籤加入 class、id 等關鍵字,但這樣的寫法其實偏向於「寫死」的概念,因此 vue 提供了一種綁定方式為 v-...

2025-08-25 ‧ 由 normie_a 分享
DAY 6

Vue.js 新手入門之路 - 條件渲染

條件判斷 今天要學習 v-if 的用法,它依照表達式的真假值來決定是否渲染該元素 True --> 渲染 False --> 不渲染 eg....

2025-08-26 ‧ 由 normie_a 分享
DAY 7

Vue.js 新手入門之路 - 響應式基礎

Options vs Composition 有鑑於我之前的寫法是屬於 Options 的方式,今天在看 doc 的時候發現了有 Composition 的寫法...

2025-08-27 ‧ 由 normie_a 分享
DAY 8

Vue.js 新手入門之路 - 清單(串列)渲染

v-for 在 list 的應用 假設要顯示一個 list,又不想要寫很多的 record,此時我們就可以使用 v-for 這個語法去把我們的 data 一筆一...

2025-08-28 ‧ 由 normie_a 分享
DAY 9

Vue.js 新手入門之路 - 清單渲染 (二)

今天要延續昨天的 v-for除了迭代一般的 list ,我們也可以直接迭代一個 objecteg. <script setup> import {...

2025-08-29 ‧ 由 normie_a 分享
DAY 10

Vue.js 新手入門之路 - 事件處理

今天要來學習 Vue 中的 event,使用的是 v-on,可簡解為 @ 一個簡單內聯事件的例子 <template> <div :cla...

2025-08-30 ‧ 由 normie_a 分享