iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Vue.js

這是我的 Vue.js 筆記,不知道有沒有機會幫到你 系列

Vue.js ,一個已經不算新的前端框架,尤雨溪大大在 2023年Laravel x Vue Conf 驚嘆這框架已經走了將近十個年頭。這十年間從 Vue2 到 Vue3 的迭代,也有許多人寫下這套框架的教學與筆記。甚至Vue的官方文件,清晰度說是框架文件的頂標也不為過。

有句話說,最適合自己的老師,往往是跟自己學習進度相近的那位。
如果我把自己目前所知、所學的內容用我能表達的話語紀錄下來,不知道有沒有機會幫到跟我有相同經驗的人?我還不知道。

或許,在30天之後,甚至這場賽事過後的好幾年,會有機會幫助到還不懂什麼是框架,有想要探究 Vue.js 的你/妳。

鐵人鍊成 | 共 30 篇文章 | 22 人訂閱 訂閱系列文 RSS系列文
DAY 1

我的 Vue.js 筆記(1) - 前言

前端御三家,請選擇 前端框架,一個在「大前端時代」出現的產物,當 jQuery 已經沒辦法輕易應付萬紫千紅的需求時,框架開始崛起。 近期開始接觸網頁程式的人,無...

2023-09-16 ‧ 由 imall 分享
DAY 2

我的 Vue.js 筆記(2) - 事前的準備

前言 工欲善其事,必先利其器。 這句不知道已經幾百年的諺語一直到現在還是很受用,我們學習程式的人也適用於這個觀念。 開始學習 Vue 之前,有幾樣工具是電腦中一...

2023-09-17 ‧ 由 imall 分享
DAY 3

我的 Vue.js 筆記(3) - 為什麼前端要有框架?為什麼選 Vue?

聊聊框架 所以到底為什麼要 逼我們 學框架? 這個問題其實已經有很多前輩寫了很詳細的文章做說明,這邊分享兩篇我覺得很不錯的文章給大家參考。 談談前端框架...

2023-09-18 ‧ 由 imall 分享
DAY 4

我的 Vue.js 筆記(4) - Vue 幫我們解決的事情

前言 上一篇文章,已經大概說明為什麼會需要使用框架,同時也大概說了為什麼要寫 Vue 這篇文章,來聊聊原生 JS跟 Vue 的比較吧 雖然上一篇好像在嘴這件事,...

2023-09-19 ‧ 由 imall 分享
DAY 5

我的 Vue.js 筆記(5) - 初始化 Vue 以及 Vue 能控制的地方

經歷了前面幾篇文章,讀者大概已經對框架有最基本的認識。 我們來 "Get our hands dirty",開始寫扣吧! 建構 Vue 框架...

2023-09-20 ‧ 由 imall 分享
DAY 6

我的 Vue.js 筆記(6) - Vue 的核心與實體(Instance)

Vue 的核心 這個主題寫在這篇其實有點「晚」了 不過也因為寫在這篇,相信有追完前面幾篇的讀者,已經能體會 Vue 有多「漸進」了。 之前有提到,尤大大當初只是...

2023-09-21 ‧ 由 imall 分享
DAY 7

我的 Vue.js 筆記(7) - Vue 的實體與響應式狀態定義

前言 標題又出現了一個看起來很難懂的專有名詞:狀態。 這篇文章來聊聊 Vue 的「狀態」是什麼意思。 在開始說狀態之前,先簡單說一下 setup() 生命週期鉤...

2023-09-22 ‧ 由 imall 分享
DAY 8

我的 Vue.js 筆記(8) - Vue 元件實體生命週期

前言 你可能會疑惑,我們還沒接觸元件,為什麼現在在講元件的生命週期 事實上,一個 Vue 實體,就是一個元件,所以我們只要開始使用 Vue 之後,就必須跟元件的...

2023-09-23 ‧ 由 imall 分享
DAY 9

我的 Vue.js 筆記(9) - Vue 的模板

模板語法 先說一個觀念:模板,其實不完全等於 HTML,只是剛好 Vue 使用的模板語法,完全支援 HTML。所以我們使用 Vue 的時候如果提到的「模板」,可...

2023-09-24 ‧ 由 imall 分享
DAY 10

我的 Vue.js 筆記(10) - computed 計算屬性

前言 我們已經知道模板語法中可以直接寫 JS 表達式,也知道表達式的邏輯可以抽方法來重複使用。 實務上還有一種情況,是需要「依據資料」整理出「對資料的說明」,簡...

2023-09-25 ‧ 由 imall 分享