iT邦幫忙

vue相關文章
共有 669 則文章
0 Like 0 留言 296 瀏覽

技術 [NPM] klinechart多語系

#node_modules\klinecharts/dist/klinecharts.js 2450行 定義多語結構 tooltip: { show...

nlstudio ‧ 2024-03-19
1 Like 0 留言 308 瀏覽

技術 Vue 好用語法 (v-for、v-show、v-bind、v-model、v-on、scoped)

v-for 寫在 html tag 裡面跑回圈，可設定 key <div v-for="item in items" :key=&qu...

kaochihyu ‧ 2024-03-12
0 Like 0 留言 357 瀏覽

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

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

kaochihyu ‧ 2024-03-11
2 Like 0 留言 1033 瀏覽

技術 實作login試誤篇

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

yenchenjulia ‧ 2024-01-26
0 Like 1 留言 704 瀏覽
鐵人賽 影片教學 DAY 30
Nuxt 3 快速入門 系列 第 30 篇

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

👆建議你可以使用影片子母畫面功能或全螢幕播放來獲得最佳的觀賞體驗，👇下方是本篇教學的相關筆記。 Nuxt 3 網站部署至 Vercel 流程 前往 Verc...

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

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

Nuxt 3 版本的升級 目前 Nuxt 3 仍積極的在修正錯誤與添加新功能，版本更新的速度也不慢，相較去年底，目前正式版釋出後已經穩定許多，與其他大型的開源框...

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

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

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

imall ‧ 2023-10-15
0 Like 3 留言 271 瀏覽
鐵人賽 Vue.js DAY 30
深入 Vue.js 世界 : 30 Days 核心概念與實作 系列 第 30 篇

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

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

阿蘇蘇 ‧ 2023-10-15 ‧團隊大船要開囉
0 Like 0 留言 380 瀏覽
鐵人賽 影片教學 DAY 29
Nuxt 3 快速入門 系列 第 29 篇

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

👆建議你可以使用影片子母畫面功能或全螢幕播放來獲得最佳的觀賞體驗，👇下方是本篇教學的相關筆記。 建構打包專案 使用 Nuxt CLI 的 build 指令來...

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

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

前言 Nuxt 3 除了是一個 SSR 的框架外，也能允許網頁使用混合渲染 (Hybrid Rendering)，混合渲染允許使用路由路徑的規則來決定不同的渲染...

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

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

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

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

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

👆建議你可以使用影片子母畫面功能或全螢幕播放來獲得最佳的觀賞體驗，👇下方是本篇教學的相關筆記。 展示專案 我們使用實戰部落格系列所開發的範例程式碼：http...

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

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

前言 Nuxt 3 的網站應用程式，可以根據實際業務需求來決定渲染的模式，而最終專案所建構打包的專案程式碼，也會因為模式的選擇而需要部署在不同的執行環境上，例如...

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

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

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

imall ‧ 2023-10-13
0 Like 0 留言 868 瀏覽
鐵人賽 Vue.js DAY 28
深入 Vue.js 世界 : 30 Days 核心概念與實作 系列 第 28 篇

技術 DAY 28 - Nuxt 使用 useFetch 串接 API

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

阿蘇蘇 ‧ 2023-10-13 ‧團隊大船要開囉
0 Like 0 留言 604 瀏覽
鐵人賽 Vue.js DAY 27
Vue3歡樂套件箱耶 系列 第 27 篇

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

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

切版姐姐 ‧ 2023-10-12
0 Like 0 留言 250 瀏覽
鐵人賽 影片教學 DAY 27
Nuxt 3 快速入門 系列 第 27 篇

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

👆建議你可以使用影片子母畫面功能或全螢幕播放來獲得最佳的觀賞體驗，👇下方是本篇教學的相關筆記。 添加網站頁面的標題 調整 ./app.vue 檔案： &lt...

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

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

前言 Nuxt 3 的渲染模式，可以支援我們產生靜態的頁面，而這些預渲染的靜態網頁檔案，就很適合部署至靜態的託管平台來服務，例如 Cloudflare Page...

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

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

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

imall ‧ 2023-10-12
0 Like 0 留言 255 瀏覽

技術 25.music-MV播放

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

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

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

👆建議你可以使用影片子母畫面功能或全螢幕播放來獲得最佳的觀賞體驗，👇下方是本篇教學的相關筆記。 建立路由中間件 在 middleware 目錄下建立一個檔案...

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

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

前言 網站開發過程與上正式環境後，難免會遇到一些 Bug 導致網站處理邏輯發生異常，甚至一小段的 JavaScript 的邏輯錯誤或未處理的拋出錯誤，可能導致整...

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

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

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

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

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

👆建議你可以使用影片子母畫面功能或全螢幕播放來獲得最佳的觀賞體驗，👇下方是本篇教學的相關筆記。 建立伺服器中間件 在 server/middleware 目...

Ryan ‧ 2023-10-10
0 Like 0 留言 5146 瀏覽

技術 24.music-播放CD

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

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

技術 23.music-歌曲評論

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

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

技術 22.music-歌曲封面

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

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

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

前言 不管在 Vue 與 Nuxt 的開發，常會有需要使用圖片或靜態資源的時刻，例如，已經具有外部的圖片連結，我們很輕易的可以使用 URL 等方式來做載入，若是...

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

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

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

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

技術 21.music-歌曲播放

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

伍貳捌 ‧ 2023-10-09
iThome鐵人賽
參賽組數
1123 組
團體組數
52 組
累計文章數
23096 篇
完賽人數
656 人
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 2018鐵人賽 javascript 2017鐵人賽 python windows php c# windows server linux css 程式設計 react vue.js
熱門問題
熱門回答
熱門文章
IT邦幫忙