嗨,我是阿蘇,一位熱愛前端的小小工程師。
今年有幸開始接觸 Vue.js,並踏上了學習框架的旅程,Vue.js 是一個輕量級的前端框架,非常易於理解和上手,隨著學習的深入,我開始發現它更多的深奧之處,像是 Vue 3 的 Composition API 和 Nuxt 3 ; 因此,我希望能夠透過這 30 天的深入學習,從概念、實作、元件運用、 Composition API 、 Nuxt 3 、Vite,將這些知識通通掌握起來,讓我們一起開始30天的 Vue.js 學習旅程吧!
DAY 21 - 安裝 Nuxt Modules 模組 、插件 (Plugins) Modules 模組 首先來看官方 Nuxt 模組,在這邊可以看到支援、...
DAY 22 - Nuxt 自動引入 (Auto Imports) Nuxt3 有個很重要的特性,那就是 自動引入 (Auto Imports),大幅增加你...
DAY 23 - Nuxt 將 component、page 、layout 整合,嘗試寫一個模板 驗收學習成果 再這篇我們會試著整合前面所學的,將 app...
DAY 24 - Nuxt Routing 路由 與動態路由 Nuxt Routing Nuxt 路由是基於vue-router 來使用, 依據資料夾 pa...
DAY 25 - Vue SPA 單頁式/ MPA 多頁式 / Nuxt SSR / CSR 今日前言 接下來會提到 Nuxt 渲染方式,那就不得不提到本身...
DAY 26 - Nuxt 渲染模式 SSR+SPA / CSR / 混合渲染 ,輕鬆切換渲染模式 今日前言 - 網站模式/渲染模式複習 前篇 DAY 25...
DAY 27 - Nuxt Server 模擬 RESTful API 什麼是 Nuxt Server ? 有聽過 Json Server 嗎 ?Nuxt S...
DAY 28 - Nuxt 使用 useFetch 串接 API 前言 延續上篇 ...DAY 27 - Nuxt Server 模擬 RESTful AP...
DAY 29 - Vue/Nuxt transition 轉場動畫 在 Vue 裡本身就有內置 <Transition> 組件,我們可以利用這個組...
DAY 30 - <鐵人完賽感言> 回顧 30 Days 學習歷程 DAY 30 完結篇,在抓篇章結果沒有預估好,Nuxt 果然寫不完 XD光是...