iT邦幫忙

vue相關文章
共有 816 則文章

技術 甚麼是 Vue、Options API 、Composition API

甚麼是 Vue Vue 是一個前端框架,有兩大核心: 聲明式渲染、響應式 宣告式渲染: 相較於指令式能用較間單方式控制 HTML 和 JavaScript 之間...

技術 實作login試誤篇

前言 這星期二突然發現我們應該做的登入系統還沒做,聽隊友們討論聽得頭皮發麻,太多我聽都沒聽過的專有名詞,但也只能故作鎮定繼續聽下去,討論結束前,試圖用很具體很直...

鐵人賽 影片教學 DAY 30
Nuxt 3 快速入門 系列 第 30

技術 [影片教學] Nuxt 3 部署網站服務

🔥【Vue.js → Nuxt 入門推薦!🌟 新書即將上市 🌟】📘《想要 SSR 嗎?就使用 Nuxt 吧!Nuxt 讓 Vue.js 更好處理 SEO 搜...

鐵人賽 Vue.js DAY 30
Nuxt 3 實戰筆記 系列 第 30

技術 [Day 30] Nuxt 3 版本的升級與套件升級的管理工具

🔥【Vue.js → Nuxt 入門推薦!🌟 新書即將上市 🌟】📘《想要 SSR 嗎?就使用 Nuxt 吧!Nuxt 讓 Vue.js 更好處理 SEO 搜...

鐵人賽 Vue.js DAY 30

技術 我的 Vue.js 筆記(30) - Vue 的版本代號與參賽後記

前言 這篇文章來回收 為什麼選 Vue? 所埋的伏筆。 我就先說了,這篇應該不會是什麼太正經的文章,純粹是最後一天放飛自我的內容 XD Vue 的版本代號 會想...

鐵人賽 影片教學 DAY 29
Nuxt 3 快速入門 系列 第 29

技術 [影片教學] Nuxt 3 部署前的建構打包

🔥【Vue.js → Nuxt 入門推薦!🌟 新書即將上市 🌟】📘《想要 SSR 嗎?就使用 Nuxt 吧!Nuxt 讓 Vue.js 更好處理 SEO 搜...

鐵人賽 Vue.js DAY 29
Nuxt 3 實戰筆記 系列 第 29

技術 [Day 29] Nuxt 3 混合渲染 (Hybrid Rendering) 中的 SWR 與 ISR

🔥【Vue.js → Nuxt 入門推薦!🌟 新書即將上市 🌟】📘《想要 SSR 嗎?就使用 Nuxt 吧!Nuxt 讓 Vue.js 更好處理 SEO 搜...

鐵人賽 Vue.js DAY 29

技術 我的 Vue.js 筆記(29) - 將專案打包上版到 GitHub Pages

前言 多年前筆者初次接觸框架時,不對...應該是開始寫網頁程式時,最大的疑惑莫過於那個在 localhost 執行的東西,該怎麼實際讓人家有辦法透過網只看到內容...

鐵人賽 影片教學 DAY 28
Nuxt 3 快速入門 系列 第 28

技術 [影片教學] Nuxt 3 視覺化開發工具 Nuxt DevTools

🔥【Vue.js → Nuxt 入門推薦!🌟 新書即將上市 🌟】📘《想要 SSR 嗎?就使用 Nuxt 吧!Nuxt 讓 Vue.js 更好處理 SEO 搜...

鐵人賽 Vue.js DAY 28
Nuxt 3 實戰筆記 系列 第 28

技術 [Day28] Nuxt 3 建構打包與部署至 Cloudflare Workers

🔥【Vue.js → Nuxt 入門推薦!🌟 新書即將上市 🌟】📘《想要 SSR 嗎?就使用 Nuxt 吧!Nuxt 讓 Vue.js 更好處理 SEO 搜...

鐵人賽 Vue.js DAY 28

技術 我的 Vue.js 筆記(28) - 認識大鳳梨

前言 我們已經知道元件與元件之間的溝通可以使用 props 與 emits,不過這東西就只能設定兩個元件溝通的狀態。 如果我們的元件樹的結構長得比較複雜一點,尾...

鐵人賽 影片教學 DAY 27
Nuxt 3 快速入門 系列 第 27

技術 [影片教學] Nuxt 3 SEO 搜尋引擎最佳化 - 實戰部落格系列 Part 5

🔥【Vue.js → Nuxt 入門推薦!🌟 新書即將上市 🌟】📘《想要 SSR 嗎?就使用 Nuxt 吧!Nuxt 讓 Vue.js 更好處理 SEO 搜...

鐵人賽 Vue.js DAY 27
Nuxt 3 實戰筆記 系列 第 27

技術 [Day 27] Nuxt 3 產生靜態網頁部署至 Cloudflare Pages 與持續自動部署

🔥【Vue.js → Nuxt 入門推薦!🌟 新書即將上市 🌟】📘《想要 SSR 嗎?就使用 Nuxt 吧!Nuxt 讓 Vue.js 更好處理 SEO 搜...

鐵人賽 Vue.js DAY 27
Vue3歡樂套件箱耶 系列 第 27

技術 開箱27:Vue 3 + Firebase Cloud Messaging 建立測試通知

本次要跟姊姊一起學習Vue 3 + Firebase Cloud Messaging 測試一筆訊息通知吧! ▶ 如果您尚未建立專案/安裝 Firebase J...

鐵人賽 Vue.js DAY 27

技術 我的 Vue.js 筆記(27) - 使用 Vue Router

前言 傳統網頁的網址,以往會是後端根據不同的頁面去配置不同的網址規則。 不過如果要使用 Vue 框架開發網頁,會是「單一頁面網站」 (Sigle Page Ap...

鐵人賽 影片教學 DAY 26
Nuxt 3 快速入門 系列 第 26

技術 [影片教學] Nuxt 3 路由頁面的權限判斷 - 實戰部落格系列 Part 4

🔥【Vue.js → Nuxt 入門推薦!🌟 新書即將上市 🌟】📘《想要 SSR 嗎?就使用 Nuxt 吧!Nuxt 讓 Vue.js 更好處理 SEO 搜...

鐵人賽 Vue.js DAY 26
Nuxt 3 實戰筆記 系列 第 26

技術 [Day 26] Nuxt 3 錯誤頁面 (Error Page) 與錯誤處理 (Error handling)

🔥【Vue.js → Nuxt 入門推薦!🌟 新書即將上市 🌟】📘《想要 SSR 嗎?就使用 Nuxt 吧!Nuxt 讓 Vue.js 更好處理 SEO 搜...

鐵人賽 Vue.js DAY 26

技術 我的 Vue.js 筆記(26) - 使用 Vite 開發 Vue

Vite 的簡易介紹 之前所有的操作項目,都是直接使用 CDN 引入 Vue 之後進行開發,這種做法在一個小型的應用程式足以感受到 Vue 的方便性。 不過一個...

技術 25.music-MV播放

MV播放1.MV標示顯示(v-if2.MV地址獲取3.遮罩層(v-show v-on4.MV地址設置(v-bind mv地址獲取(以下為黑馬程序員課程提供)請...

技術 24.music-播放CD

播放CD-監聽音樂播放(v-on play-監聽音樂暫停(v-on pause-操縱class(v-bind 對象這個功能不用掉用到axios,只要操作clas...

技術 23.music-歌曲評論

歌曲評論->點擊播放時同步顯示當前評論->列表結構1.點擊播放2.評論獲取:axios+歌曲id3.渲染:v-for 熱門評論獲取(以下為黑馬程序...

技術 22.music-歌曲封面

歌曲封面1.更蓋封面主要是更改image的src2.封面獲取3.封面設置v-bind 歌曲詳情獲取(以下為黑馬程序員課程提供)-請求地址:https://au...

鐵人賽 影片教學 DAY 25
Nuxt 3 快速入門 系列 第 25

技術 [影片教學] Nuxt 3 Server API 權限判斷與串接 - 實戰部落格系列 Part 3

🔥【Vue.js → Nuxt 入門推薦!🌟 新書即將上市 🌟】📘《想要 SSR 嗎?就使用 Nuxt 吧!Nuxt 讓 Vue.js 更好處理 SEO 搜...

鐵人賽 Vue.js DAY 25
Nuxt 3 實戰筆記 系列 第 25

技術 [Day 25] Nuxt 3 深入靜態資源的使用 Public & Assets

🔥【Vue.js → Nuxt 入門推薦!🌟 新書即將上市 🌟】📘《想要 SSR 嗎?就使用 Nuxt 吧!Nuxt 讓 Vue.js 更好處理 SEO 搜...

鐵人賽 Vue.js DAY 25

技術 我的 Vue.js 筆記(25) - slot 插槽

前言 不知道大家在開始使用元件的時候有沒有一個疑惑,明明元件在模版中的寫法跟一般的 HTML 標籤沒兩樣 <my-component></my...

技術 21.music-歌曲播放

歌曲播放1.點擊歌曲v-on2.歌曲地址獲取(axios/歌曲id)3.歌曲地址設置(v-bind)4.Audio標籤當我們點擊播放時,audio裡的src會改...

鐵人賽 影片教學 DAY 24
Nuxt 3 快速入門 系列 第 24

技術 [影片教學] Nuxt 3 建立部落格文章相關 API - 實戰部落格系列 Part 2

🔥【Vue.js → Nuxt 入門推薦!🌟 新書即將上市 🌟】📘《想要 SSR 嗎?就使用 Nuxt 吧!Nuxt 讓 Vue.js 更好處理 SEO 搜...

技術 20.music-歌曲搜索

要添加歌曲搜索功能,可以使用音樂數據API(例如Spotify、YouTube等)來獲取歌曲信息。在瀏覽器中搜尋->enter->發送給服務器1.按...

鐵人賽 Vue.js DAY 24
Nuxt 3 實戰筆記 系列 第 24

技術 [Day 24] Nuxt 3 多國語系模組 Nuxt I18n 的進階使用方法與 SEO 搜尋引擎最佳化

🔥【Vue.js → Nuxt 入門推薦!🌟 新書即將上市 🌟】📘《想要 SSR 嗎?就使用 Nuxt 吧!Nuxt 讓 Vue.js 更好處理 SEO 搜...

技術 19.天氣查詢(下)

用戶可以輸入城市名稱,然後點擊按鈕來獲取天氣訊息。當用戶輸入城市名稱並點擊按鈕時,應用會向天氣API發送請求,然後顯示返回的天氣數據 首先先到openwea...