iT邦幫忙

vue.js相關文章
共有 1414 則文章

技術 v-model

看了一整天,問chatgpt好多個蠢問題之後,甚至還跟它談心了,"v-model真的看不懂怎麼辦...?"雙向綁定這樣的說法好像很炫,但我聽...

技術 Vue Router 學習筆記

建立 router 安裝 vue-router npm install vue-router --save 建立 routes.js ,用來設定 ro...

技術 [NPM] hqchart 多語系

__locale(帶入語系) CN ,EN option.Language = __locale; var chart = HQChart.Chart.JS...

技術 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...

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

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

技術 好想工作室 Web Camp 第 15 梯招生

我是 Chris,從 2017 年起在好想工作室擔任 Web Camp Mentor 至今,培訓許多屆的 Web Camp 學員,這次我們要招收 Web Ca...

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

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

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

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

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

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

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

技術 ><點閱率太差了!fine~以「收穫心態」來回顧吧!

今年系列相較過往,點閱率變好差...是不是寫得「不夠好」...每當看別人的成就或是文章時,都覺得「喔~好厲害喔」「自己好像差很遠」...從來都沒有欣賞過自己,做...

鐵人賽 Vue.js DAY 30

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

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

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

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

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

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

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

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

鐵人賽 Vue.js DAY 29

技術 DAY 29 - transition 漸變 與動畫特效

DAY 29 - Vue/Nuxt transition 轉場動畫 在 Vue 裡本身就有內置 &lt;Transition&gt; 組件,我們可以利用這個組...

鐵人賽 Vue.js DAY 30
業主說給你30天學會Vue 系列 第 31

技術 V31_業主說給你30天學會Vue系列_發文清單

V31_業主說給你30天學會Vue系列_發文清單 業主說給你30天學會Vue V01_工欲善其事_Vue先裝起來V02_最小規模的Vue的開發流程V03_直接在...

鐵人賽 Vue.js DAY 30
業主說給你30天學會Vue 系列 第 30

技術 V30_Vue的小專案_youtube點播機(4)

V30_Vue的小專案_youtube點播機(4) 終於來到這最後的一篇了前3篇的發文 完成了 Vue版的 Youtube點播機最後一篇就用 Vue版的 You...

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

技術 開箱28:新手搭建~Vue+Vite+GitHub部署到Firebase Hosting

Firebase 託管為您的 Web 應用、靜態和動態內容以及微服務提供快速且安全的託管。 簡介Firebase Hosting收費方式https://fir...

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

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

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

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

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

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

鐵人賽 Vue.js DAY 28

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

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

鐵人賽 Vue.js DAY 29
業主說給你30天學會Vue 系列 第 29

技術 V29_Vue的小專案_youtube點播機(3)

V29_Vue的小專案_youtube點播機(3) 在上一篇的發文中,對於小專案youtube點播機己完成了播放機的本體與清單 接下來要處理與播放有關的部份隨機...

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

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

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

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

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

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

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

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

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

鐵人賽 Vue.js DAY 27

技術 DAY 27 - Nuxt Server 模擬 RESTful API

DAY 27 - Nuxt Server 模擬 RESTful API 什麼是 Nuxt Server ? 有聽過 Json Server 嗎 ?Nuxt S...

鐵人賽 Vue.js DAY 28
業主說給你30天學會Vue 系列 第 28

技術 V28_Vue的小專案_youtube點播機(2)

V28_Vue的小專案_youtube點播機(2) 在上一篇的發文中,對於小專案youtube點播機己完成了播放機的本體 根據小專案的功能項目 1.可以解析yo...

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

技術 開箱26:Vue 3 + Firebase Storage存儲服務簡單實作

本次要跟姊姊一起學習Vue 3 + Firebase Storage 上傳檔案功能 ▶ 如果您尚未建立專案/安裝 Firebase JS SDK 並初始化 F...

鐵人賽 SideProject30 DAY 27

技術 設定自動暫存機制

Hi,今天我們來實作自動暫存之機制,當表單的輸入項目很多時,其實會有暫存的需求,甚至極端狀況下,若是出現瀏覽器當掉重開的狀況,如果有類似像word的機制,重開後...

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

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

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

鐵人賽 SideProject30 DAY 26

技術 Day26—Vue(十二)Prop / $emit 與 Provide / Inject

前言 今天也在實作前,先來了解vue傳值的方法。以下是使用 provide/inject、props 和 Vuex 等方法的圖例,今天先介紹官方提供的Prop和...

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

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

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