iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Vue.js

Vue3 - 從零開始學 系列

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

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

Vue3 - 從零開始學 - Day21 - Composition

呼~ 我們花了 20 天來介紹 Vue3 的最基礎語法,在前面 20 天介紹的 Vue3 語法稱為 Options API,接下來幾天會介紹另外一種語法稱為 C...

2023-09-21 ‧ 由 Mr. JK 分享
DAY 22

Vue3 - 從零開始學 - Day22 - Composition 函式

這個單元要來繼續介紹在 Composition API 的函式使用方法。 函式的宣告直接宣告在 setup() {} 即可,如果是要修改 ref 的變數時: &...

2023-09-22 ‧ 由 Mr. JK 分享
DAY 23

Vue3 - 從零開始學 - Day23 - Composition input

這個單元要來繼續探討 Composition ,而在 Composition API 使用表單的 input 又有哪邊不一樣? 宣告 ref 變數與 input...

2023-09-23 ‧ 由 Mr. JK 分享
DAY 24

Vue3 - 從零開始學 - Day24 - Composition 監聽

這個單元繼續討論 Composition API,在變數的監聽上與 Option API 有什麼不一樣? 宣告 ref 變數: <template>...

2023-09-24 ‧ 由 Mr. JK 分享
DAY 25

Vue3 - 從零開始學 - Day25 - Composition 生命週期

這個單元繼續討論 Composition API,那麼在生命週期上與 Option API 的寫法上有什麼不同? 與之前 Day19 介紹的 Option AP...

2023-09-25 ‧ 由 Mr. JK 分享
DAY 26

Vue3 - 從零開始學 - Day26 - Composition 元件

這個單元繼續討論 Composition API,在元件的使用與 Option API 有什麼不同? 首先,先宣告一個元件檔案 Component.vue,檔案...

2023-09-26 ‧ 由 Mr. JK 分享
DAY 27

Vue3 - 從零開始學 - Day27 - Composition 模組

這個單元繼續討論 Composition API,在模組的使用與 Option API 有什麼不同?這裡可以跟之前 Day20 - 模組共用 來做一個比對。 首...

2023-09-27 ‧ 由 Mr. JK 分享
DAY 28

Vue3 - 從零開始學 - Day28 - Route

網頁最重要的就是換頁,俗稱路由,在 Vue3 要完成路由功能,必須要使用 route 。由於專案是使用 CLI 工具所產生的,所以這邊也必須要使用 CLI 工具...

2023-09-28 ‧ 由 Mr. JK 分享
DAY 29

Vue3 - 從零開始學 - Day29 - Route 參數傳遞

這個單元接續上一個單元介紹的 Route 的功能,在 Route 之中,也會希望可以將變數的內容傳到下一頁,例如想要跳轉到 AboutView.vue 時,也傳...

2023-09-29 ‧ 由 Mr. JK 分享
DAY 30

Vue3 - 從零開始學 - Day30 - 專案發佈

最後一個單元要來介紹如何匯出專案,也就是產生出可以部署在網站上的檔案。首先回到 package.json,有一個指令是 build: "scripts...

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