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 21

DAY 21 - 安裝 Nuxt Modules 模組 、插件 (Plugins)

DAY 21 - 安裝 Nuxt Modules 模組 、插件 (Plugins) Modules 模組 首先來看官方 Nuxt 模組,在這邊可以看到支援、...

2023-10-06 ‧ 由 阿蘇蘇 分享
DAY 22

DAY 22 - Nuxt 自動引入 (Auto Imports)

DAY 22 - Nuxt 自動引入 (Auto Imports) Nuxt3 有個很重要的特性,那就是 自動引入 (Auto Imports),大幅增加你...

2023-10-07 ‧ 由 阿蘇蘇 分享
DAY 23

DAY 23 - Nuxt 將 component、page 、layout 整合,嘗試寫一個模板

DAY 23 - Nuxt 將 component、page 、layout 整合,嘗試寫一個模板 驗收學習成果 再這篇我們會試著整合前面所學的,將 app...

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

DAY 24 - Nuxt Routing 路由 與動態路由

DAY 24 - Nuxt Routing 路由 與動態路由 Nuxt Routing Nuxt 路由是基於vue-router 來使用, 依據資料夾 pa...

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

DAY 25 - Vue SPA 單頁式/ MPA 多頁式 / Nuxt SSR / CSR

DAY 25 - Vue SPA 單頁式/ MPA 多頁式 / Nuxt SSR / CSR 今日前言 接下來會提到 Nuxt 渲染方式,那就不得不提到本身...

2023-10-10 ‧ 由 阿蘇蘇 分享
DAY 26

DAY 26 - Nuxt 渲染模式 SSR+SPA / CSR / 混合渲染 ,輕鬆切換渲染模式

DAY 26 - Nuxt 渲染模式 SSR+SPA / CSR / 混合渲染 ,輕鬆切換渲染模式 今日前言 - 網站模式/渲染模式複習 前篇 DAY 25...

2023-10-11 ‧ 由 阿蘇蘇 分享
DAY 27

DAY 27 - Nuxt Server 模擬 RESTful API

DAY 27 - Nuxt Server 模擬 RESTful API 什麼是 Nuxt Server ? 有聽過 Json Server 嗎 ?Nuxt S...

2023-10-12 ‧ 由 阿蘇蘇 分享
DAY 28

DAY 28 - Nuxt 使用 useFetch 串接 API

DAY 28 - Nuxt 使用 useFetch 串接 API 前言 延續上篇 ...DAY 27 - Nuxt Server 模擬 RESTful AP...

2023-10-13 ‧ 由 阿蘇蘇 分享
DAY 29

DAY 29 - transition 漸變 與動畫特效

DAY 29 - Vue/Nuxt transition 轉場動畫 在 Vue 裡本身就有內置 <Transition> 組件,我們可以利用這個組...

2023-10-14 ‧ 由 阿蘇蘇 分享
DAY 30

DAY 30 - <鐵人完賽> 回顧 30 Days 學習歷程

DAY 30 - &lt;鐵人完賽感言&gt; 回顧 30 Days 學習歷程 DAY 30 完結篇,在抓篇章結果沒有預估好,Nuxt 果然寫不完 XD光是...

2023-10-15 ‧ 由 阿蘇蘇 分享