iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Vue.js

深入 Vue.js 世界 : 30 Days 核心概念與實作 系列

嗨,我是阿蘇,一位熱愛前端的小小工程師。
今年有幸開始接觸 Vue.js,並踏上了學習框架的旅程,Vue.js 是一個輕量級的前端框架,非常易於理解和上手,隨著學習的深入,我開始發現它更多的深奧之處,像是 Vue 3 的 Composition API 和 Nuxt 3 ; 因此,我希望能夠透過這 30 天的深入學習,從概念、實作、元件運用、 Composition API 、 Nuxt 3 、Vite,將這些知識通通掌握起來,讓我們一起開始30天的 Vue.js 學習旅程吧!

鐵人鍊成 | 共 30 篇文章 | 18 人訂閱 訂閱系列文 RSS系列文 團隊大船要開囉
DAY 1

DAY 1 - 開賽啦 ! 強化 Vue.js 30天之旅

DAY 1 - 開賽啦 ! 強化 Vue.js 30天之旅 我的背景 - 剛成功轉職的前端小菜鳥 <背景介紹>有點長可以當廢話跳過,只是希望分...

2023-09-16 ‧ 由 阿蘇蘇 分享
DAY 2

DAY 2 - 飛越時代前端大進化 ,三大框架差異 ?

DAY 2 - 飛越時代前端大進化 ,三大框架差異 ? 大家都知道前端有三大框架,Vue、Recat、Angular,那為什麼要選擇 Vue 呢?為甚麼我們...

2023-09-17 ‧ 由 阿蘇蘇 分享
DAY 3

DAY 3 - 踏上 Vue.js 的世界,為什麼選擇 Vue.js ?

DAY 3 - 踏上 Vue.js 的世界,為什麼選擇 Vue.js ? 你不可不知使用 Vue.js 理由 那為什麼會選擇 Vue.js 呢 ? 你不可...

2023-09-18 ‧ 由 阿蘇蘇 分享
DAY 4

DAY 4 - 建立到銷毀:深入了解 Vue 生命週期

DAY 4 - 建立到銷毀:深入了解 Vue 生命週期 今日前言 今天來談談Vue.js的生命周期,了解元件建立到摧毀過程,深入了解元件運作原理及我們可以如...

2023-09-19 ‧ 由 阿蘇蘇 分享
DAY 5

DAY 5 - Vue 2 > Vue 3 破壞性改動,了解不同版本

DAY 5 - Vue 2 > Vue 3 破壞性改動,了解不同版本 為什麼要了解不同版本呢 ? 1. 版本間差異寫法大,只學一種不理解其中差...

2023-09-20 ‧ 由 阿蘇蘇 分享
DAY 6

DAY 6 - 從 Option API 進化到 Compisiton API !!

DAY 6 - Option API 進化 Compisiton API 學習目標 : 從 Option API 進化 Compisiton API ,從了...

2023-09-21 ‧ 由 阿蘇蘇 分享
DAY 7

DAY 7 -深入了解 Dom 元素,了解 Virtual DOM 原理

DAY 7 - 深入了解 Dom 元素,了解 Virtual DOM 原理 Dom 元素是什麼 ? DOM : Document Object Mode 文...

2023-09-22 ‧ 由 阿蘇蘇 分享
DAY 8

DAY 8 - v-model 雙向綁定與修飾符運用

DAY 8 - v-model 雙向綁定與修飾符運用 接下來DAY 8 ~ DAY 11 會來到 Vue 的指令篇,這邊就是比較基礎的常用的指令,會一一來慢...

2023-09-23 ‧ 由 阿蘇蘇 分享
DAY 9

DAY 9 - v-bind 綁定樣式與 v-on 監聽事件

DAY 9 - v-bind 綁定樣式與 v-on 監聽事件 v-bind 綁定你的 attributes(屬性) v-bind 簡寫、縮寫 常見運...

2023-09-24 ‧ 由 阿蘇蘇 分享
DAY 10

DAY 10 - 渲染的條件判斷,透過V-if /V-else 顯示畫面

DAY 10 - 渲染的條件判斷,透過V-if /V-else 顯示畫面 一般 Dom 元素判斷 在一般我們操作 Dom 元素時,我們假入要判斷呈現的畫面...

2023-09-25 ‧ 由 阿蘇蘇 分享