iT邦幫忙

搜尋 nuxt 找到約 314 個結果
在google中搜尋

技術 [ DAY27 ] Nuxt 3 專案實戰:打造互動式鮮食計算機

哈囉大家好!今天要帶大家一起來打造一個超酷的鸚鵡鮮食計算機!不管你是不是程式新手,跟著我們一步一步來,保證你也能輕鬆搞定!讓我們一起來看看怎麼用 Nuxt 3 和 Pinia 來完成這個有趣的專案吧!...

技術 [ DAY26 ] Nuxt 3 進階技巧:Pinia、API 整合、Loading 元件

嗨!今天要跟大家分享的是如何在 Nuxt 3 專案中運用 Pinia 這個強大的狀態管理工具,並且實作一個客製化的 Loading 元件。無論你是剛接觸 Vue 生態系的新手,還是想要更新技能的資深開...

技術 [ DAY25 ] Nuxt 3 開發之旅:顏色、圖示、導航欄到動畫效果

哈囉大家好!今天我們要來玩點有趣的東西了 —— 我們要開始打造我們的網頁骨架啦!想像一下,我們今天要給我們的 Nuxt3 專案穿上漂亮的衣服,讓它不再只是一個空蕩蕩的框架。準備好了嗎?讓我們開始吧!...

技術 [ DAY24 ] Nuxt3 魔法教室:Vue 語法速成班

嗨大家好!今天我們要來學習 Nuxt3 中一些超實用的 Vue 語法。就算你是 Vue 新手,看完這篇文章也能快速上手喔!讓我們一起來認識這些前端魔法吧! 條件渲染:v-if 和 v-show 這兩個...

技術 DAY 26 Nuxt.js 中的中介軟體 (Middleware) 機制與使用

在 Nuxt.js 中,中介軟體 (Middleware) 是一個強大且靈活的機制,用於在進入頁面或路由之前對應用程序的請求進行預處理。通過使用中介軟體,開發者可以控制應用的流向、執行特定的邏輯,例如...

技術 DAY24 Nuxt.js:基於 Vue 的全棧框架介紹

Nuxt.js 是一個基於 Vue.js 的開源框架,旨在簡化構建服務端渲染 (Server-Side Rendering, SSR) 和靜態網站生成的過程。它通過封裝和擴展 Vue.js 的能力,讓...

技術 [ DAY23 ] Nuxt3 開發必備:套件安裝懶人包

哈囉大家早安!昨天我們成功建立了 Nuxt3 的開發環境,今天我們要來認識幾個超級實用的開發工具和套件。這些工具就像是我們的小幫手,不只能讓我們的程式碼變得更漂亮、更好讀,還能幫我們省下不少除錯的時間...

技術 D18 - 整合後端 API:在 Nuxt 中使用 Axios 實現資料動態渲染

哈囉,大家好!在前面的文章中,我們已經成功地建立了 Nuxt 的開發環境,並且深入了解了 Nuxt 的前端結構,特別是 app.vue 和 layouts/default.vue 的作用。現在,是時候...

技術 [ DAY22 ] Nuxt3 前端開發起手式:環境建立與基礎認知

哈囉大家好!今天要帶大家一起探索 Nuxt3 的奧秘。不知道大家有沒有遇過這種情況:明明已經學會 Vue,但是在開發大型專案時卻總覺得少了點什麼?那個「少了點什麼」,很可能就是 Nuxt3!哇,時間過...

技術 D17 - 探索 Nuxt 前端結構:深入理解 app.vue 與 layouts/default.vue

哈囉,大家好!經過前面的努力,我們已經成功建立了 Nuxt 的開發環境,並初步了解了它的使用方式。在前一篇文章中,我們建立了第一個頁面,並準備好了後續開發所需的套件。現在,是時候深入了解 Nuxt 的...