iT邦幫忙

vue相關文章
共有 801 則文章
0 Like 1 留言 1754 瀏覽
鐵人賽 影片教學 DAY 26
Nuxt 3 快速入門 系列 第 26 篇

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

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

Ryan ‧ 2023-10-11
0 Like 0 留言 3989 瀏覽
鐵人賽 Vue.js DAY 26
Nuxt 3 實戰筆記 系列 第 26 篇

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

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

Ryan ‧ 2023-10-11 ‧團隊啾嚕咕嚕跳起來
0 Like 0 留言 2791 瀏覽
鐵人賽 Vue.js DAY 26
這是我的 Vue.js 筆記，不知道有沒有機會幫到你 系列 第 26 篇

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

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

imall ‧ 2023-10-11
0 Like 0 留言 494 瀏覽

技術 25.music-MV播放

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

伍貳捌 ‧ 2023-10-11
0 Like 0 留言 13857 瀏覽

技術 24.music-播放CD

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

伍貳捌 ‧ 2023-10-10
0 Like 0 留言 424 瀏覽

技術 23.music-歌曲評論

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

伍貳捌 ‧ 2023-10-10
0 Like 0 留言 405 瀏覽

技術 22.music-歌曲封面

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

伍貳捌 ‧ 2023-10-10
0 Like 0 留言 854 瀏覽
鐵人賽 影片教學 DAY 25
Nuxt 3 快速入門 系列 第 25 篇

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

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

Ryan ‧ 2023-10-10
0 Like 0 留言 3764 瀏覽
鐵人賽 Vue.js DAY 25
Nuxt 3 實戰筆記 系列 第 25 篇

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

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

Ryan ‧ 2023-10-10 ‧團隊啾嚕咕嚕跳起來
0 Like 0 留言 976 瀏覽
鐵人賽 Vue.js DAY 25
這是我的 Vue.js 筆記，不知道有沒有機會幫到你 系列 第 25 篇

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

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

imall ‧ 2023-10-10
0 Like 0 留言 400 瀏覽

技術 21.music-歌曲播放

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

伍貳捌 ‧ 2023-10-09
2 Like 2 留言 1119 瀏覽
鐵人賽 影片教學 DAY 24
Nuxt 3 快速入門 系列 第 24 篇

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

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

Ryan ‧ 2023-10-09
0 Like 0 留言 528 瀏覽

技術 20.music-歌曲搜索

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

伍貳捌 ‧ 2023-10-09
0 Like 1 留言 3018 瀏覽
鐵人賽 Vue.js DAY 24
Nuxt 3 實戰筆記 系列 第 24 篇

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

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

Ryan ‧ 2023-10-09 ‧團隊啾嚕咕嚕跳起來
0 Like 0 留言 413 瀏覽

技術 19.天氣查詢(下)

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

伍貳捌 ‧ 2023-10-09
0 Like 0 留言 1068 瀏覽
鐵人賽 Vue.js DAY 24
這是我的 Vue.js 筆記，不知道有沒有機會幫到你 系列 第 24 篇

技術 我的 Vue.js 筆記(24) - 動態元件 is 與 keep-alive

動態元件 網頁中有一種常見的功能，是能做到某個區塊可以點選畫面中的按鈕(或標籤)進行資料的抽換，這種功能在電商網站就很常會看到。 在 Vue 中要實踐這種功能，...

imall ‧ 2023-10-09
0 Like 0 留言 1888 瀏覽
鐵人賽 Vue.js DAY 24
Vue3歡樂套件箱耶 系列 第 24 篇

技術 開箱24:Vue 3 ＋Firebase Authentication 信箱註冊登入登出

本次要跟姊姊一起學習Vue 3 + Firebase Authentication 信箱註冊登入登出功能 ▶ 如果您尚未建立專案／安裝 Firebase JS...

切版姐姐 ‧ 2023-10-09
0 Like 0 留言 389 瀏覽

技術 18.天氣查詢(上)

Enter事件->按下enter(v-on .enter)->查詢數據(axios / v-model)->渲染 v-for / that...

伍貳捌 ‧ 2023-10-08
1 Like 0 留言 1352 瀏覽
鐵人賽 影片教學 DAY 23
Nuxt 3 快速入門 系列 第 23 篇

技術 [影片教學] Nuxt 3 建立第一個網站 - 實戰部落格系列 Part 1

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

Ryan ‧ 2023-10-08
0 Like 0 留言 474 瀏覽

技術 17.結合Vue+axios

在vue實例方法當中可以透過this訪問data裡面的數據，但獲取網路數據後，vue實例裡面的this不在是同樣的那個因此無法訪問data中的數據，所以我們應該...

伍貳捌 ‧ 2023-10-08
0 Like 0 留言 772 瀏覽

技術 16.Axios

(一)Axios基於promise的HTTP客戶端，可以用在瀏覽器和 Node.js 中，幫助你發送 GET、POST、PUT、DELETE 等不同類型的請求...

伍貳捌 ‧ 2023-10-08
0 Like 0 留言 4443 瀏覽
鐵人賽 Vue.js DAY 23
Nuxt 3 實戰筆記 系列 第 23 篇

技術 [Day 23] Nuxt 3 多國語系模組 Nuxt I18n 的初入門與基本使用方法

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

Ryan ‧ 2023-10-08 ‧團隊啾嚕咕嚕跳起來
0 Like 0 留言 743 瀏覽
鐵人賽 Vue.js DAY 23
這是我的 Vue.js 筆記，不知道有沒有機會幫到你 系列 第 23 篇

技術 我的 Vue.js 筆記(23) - 在元件與元件之間使用 v-model

前言 之前提到，元件如果要接收資料，必須用 props元件如果要向外傳資料，則是定義 emit 事件 假設我們的元件有個 <input> 標籤，我們...

imall ‧ 2023-10-08
0 Like 0 留言 654 瀏覽
鐵人賽 影片教學 DAY 22
Nuxt 3 快速入門 系列 第 22 篇

技術 [影片教學] Nuxt 3 靜態資源的管理 - Public & Assets

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

Ryan ‧ 2023-10-07
0 Like 0 留言 400 瀏覽

技術 15.代辦清單-清空、隱藏

清空-點及清除所有信息(v-on)Clear =>讓列表裡面的值全部清空lists=[] v-on click觸發 clear(){ this...

伍貳捌 ‧ 2023-10-07
0 Like 0 留言 494 瀏覽

技術 14.代辦清單-刪除、統計

點擊刪除指定內容(v-on splice索引) splice方法的使用當我們點擊某個待辦事項的刪除按鈕時，remove方法將被調用，並將該待辦事項從lists...

伍貳捌 ‧ 2023-10-07
0 Like 0 留言 620 瀏覽

技術 13.代辦清單-新增

今天來練習一個小小的代辦清單:新增功能:1.生成列表結構 v-for2.獲取用戶輸入 (v-model 雙向數據綁定)3.enter，新增數據 (v-on .e...

伍貳捌 ‧ 2023-10-07
0 Like 0 留言 2433 瀏覽
鐵人賽 Vue.js DAY 22
Nuxt 3 實戰筆記 系列 第 22 篇

技術 [Day 22] Nuxt 3 使用 SVG 的解決方案與更方便的使用 Icon 圖示

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

Ryan ‧ 2023-10-07 ‧團隊啾嚕咕嚕跳起來
0 Like 0 留言 1781 瀏覽
鐵人賽 Vue.js DAY 23
Vue3歡樂套件箱耶 系列 第 23 篇

技術 開箱23:Vue 3 + 建立web應用程式＋Firebase JS SDK 初始化

本次要跟姊姊一起學習Vue 3 + Firebase 實現一些功能，只是本篇只是先介紹事前準備，下篇才會進去實作 如果您尚未建立專案 及 安裝 Firebase...

切版姐姐 ‧ 2023-10-08
0 Like 0 留言 1007 瀏覽
鐵人賽 Vue.js DAY 22
這是我的 Vue.js 筆記，不知道有沒有機會幫到你 系列 第 22 篇

技術 我的 Vue.js 筆記(22) - 元件之間的溝通：emit

前言 前篇說到，在定義好元件之後，如果元件需要透過「外部」傳入狀態，可以使用 props 來傳遞，同時也提到 props 應該是 readonly 的特性，不該...

imall ‧ 2023-10-07
iThome鐵人賽
iThome鐵人賽
參賽組數
431 組
團體組數
14 組
累計文章數
3450 篇
最後報名日
9/15
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 17th鐵人賽 windows php c# windows server linux css react
熱門問題
熱門回答
熱門文章
IT邦幫忙