iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Vue.js

Vue3 - 從零開始學 系列

從零開始學 Vue3,即使完全沒學過 HTML、CSS、JavaScript,也可以輕易的從本系列有一個完整的了解這個強大的前端框架。

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

Vue3 - 從零開始學 - Day1 - 建立專案

關於鐵人賽 進入業界已經第 16 年,回想剛接觸電腦的那一年,在電腦螢幕面前編輯 HTML 的那種成就感,一直到現在依舊在工程師的崗位奮戰中。而如今在 Web...

2023-09-01 ‧ 由 Mr. JK 分享
DAY 2

Vue3 - 從零開始學 - Day2 - 專案結構

在上一個單元,已經學會了如何使用 Vue3 的 CLI 工具來建立專案,而在建立好專案之後,可以使用 Visual Studio Code 來打開 vue-de...

2023-09-02 ‧ 由 Mr. JK 分享
DAY 3

Vue3 - 從零開始學 - Day3 - Hello World

在上一個單元,已經學會了基本的 Vue3 程式流程,接下來將會開始探討一些最基礎的知識,就如往常學習其它程式語言一樣,從 Hello World 開始。 接下來...

2023-09-03 ‧ 由 Mr. JK 分享
DAY 4

Vue3 - 從零開始學 - Day4 - if 判斷式

在上一個單元,已經學習到如何顯示 Hello World,這個最基礎的知識之後。接下來繼續打基礎,從這個單元開始,會接觸各種程式邏輯判斷的方法,會先從 if 判...

2023-09-04 ‧ 由 Mr. JK 分享
DAY 5

Vue3 - 從零開始學 - Day5 - 迴圈

在上一個單元,已經學習到如何使用 if 判斷式,接下來這個單元進入到迴圈。if 判斷式可以方便使用變數來控制內容是否顯示,而迴圈則是方便顯示重複的內容。 迴圈通...

2023-09-05 ‧ 由 Mr. JK 分享
DAY 6

Vue3 - 從零開始學 - Day6 - 函式

前兩個單元已經學會了 if 判斷式與迴圈,接下來討論在程式語言之中最常用的函式。 首先,先宣告兩個變數 x 跟 y,型別都是數字: <script>...

2023-09-06 ‧ 由 Mr. JK 分享
DAY 7

Vue3 - 從零開始學 - Day7 - Demo

在經歷過一週的基礎洗禮之後,想必是想摩拳擦掌,好好大展身手了。 這個單元會有一個實際的例子,在這個例子,會有一個按鈕,按下這個按鈕之後,會把數值加上 1,就是這...

2023-09-07 ‧ 由 Mr. JK 分享
DAY 8

Vue3 - 從零開始學 - Day8 - 表單 input

在上一個單元學習到了如何控制按鈕按下去所產生的事件,有了製作按鈕的經驗之後,在網頁上最常使用的輸入方式就是表單,也是在開發上最容易遇到的需求。 第一個最常使用的...

2023-09-08 ‧ 由 Mr. JK 分享
DAY 9

Vue3 - 從零開始學 - Day9 - 表單常用欄位

上一個單元學習到了表單中的 input 輸入框與 Vue3 的綁定,但在表單中,還有許多其它的輸入欄位,接下來這個單元繼續討論其它常用的表單欄位。 多行的輸入文...

2023-09-09 ‧ 由 Mr. JK 分享
DAY 10

Vue3 - 從零開始學 - Day10 - 表單 submit

在一個正常的表單流程之中,填完所有欄位之後,會有一個送出按鈕,按下這個送出按鈕之後,資料才會送出去。但如果將所有表單欄位宣告出來的,會需要宣告一堆變數,在程式碼...

2023-09-10 ‧ 由 Mr. JK 分享