iT邦幫忙

vue相關文章
共有 801 則文章
鐵人賽 Vue.js DAY 15

技術 我的 Vue.js 筆記(15) - 指令:v-on

前言 今天來聊聊 Vue 中事件的寫法。 基本語法 如果你有看過怎麼在 HTML 寫事件,那你對於 Vue 提供的事件語法應該會很熟悉。 <div onc...

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

技術 [影片教學] Nuxt 3 渲染模式 (Rendering Modes)

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

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

技術 [Day 14] Nuxt 3 最佳化圖片 動態調整請求控制圖片大小 - Nuxt Image

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

鐵人賽 Vue.js DAY 14

技術 我的 Vue.js 筆記(14) - 指令:v-bind

前言 今天來講 v-bind ,一個用來在 HTML 屬性綁資料的指令。 我們已經知道雙大括號的語法可以把「變數」綁在模板內,不過這個語法並不適用於 HTML...

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

技術 [影片教學] Nuxt 3 Server API

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

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

技術 [Day 13] Nuxt 3 使用路由中間件(Middleware)實作身份驗證與實作技巧

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

鐵人賽 Vue.js DAY 30

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

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

鐵人賽 Vue.js DAY 28

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

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

鐵人賽 Vue.js DAY 23

技術 DAY 23 - Nuxt 將 component、page 、layout 整合,嘗試寫一個模板

DAY 23 - Nuxt 將 component、page 、layout 整合,嘗試寫一個模板 驗收學習成果 再這篇我們會試著整合前面所學的,將 app...

鐵人賽 Vue.js DAY 13

技術 我的 Vue.js 筆記(13) - 指令

指令介紹 開始進入指令的章節,先前有提到,在 Vue 中,只要看到 v- 開頭的東西,就是指令。 指令的用途很多,例如:資料綁定、事件綁定、條件判斷、迴圈等等。...

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

技術 開箱12:語音轉文字不專業版~SpeechRecognition範例應用

Web Speech API 可讓您將語音資料合併到 Web 應用程式中。分兩個功能:(Speech Synthesis)語音合成(文字轉語音)和(Speech...

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

技術 [影片教學] Nuxt 3 路由中間件 (Route Middleware)

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

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

技術 [Day 12] Nuxt 3 使用插件 (Plugin) 整合載入第三方套件 - 導入支援 Vue 3 的套件或插件

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

鐵人賽 Vue.js DAY 12

技術 我的 Vue.js 筆記(12) - watched 監聽器

前言 今天來補完 Vue 資料加工的最後一塊拼圖,監聽器。 在 computed 的內容中有提到,如果在 computed 寫 set 語法,不要寫出有副作用的...

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

技術 開箱11:文字轉語音不專業版~Speech Synthesis範例應用

本篇開箱Web Speech API提供了瀏覽器內建的文字轉語音功能。 大家應該用過Google的語音功能吧?其實我們可以透過Web Speech API就...

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

技術 [影片教學] Nuxt 3 模組 (Modules)

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

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

技術 [Day 11] Nuxt 3 自訂共用的函式 - 組合式函式 (Composables) 與通用函式 (Utils) 的差異和選擇

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

鐵人賽 Vue.js DAY 11

技術 我的 Vue.js 筆記(11) - methods 方法

前言 今天聊聊 Vue 實體中的 methods, 中文叫做「方法」。 如同我們在說「物件的方法」一樣,Vue 世界如果說到「方法」,其實就是在講函式(func...

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

技術 [影片教學] Nuxt 3 插件 (Plugins)

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

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

技術 [Day 10] Nuxt 3 控制伺服器端及客戶端的渲染執行與 ClientOnly 的使用

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

鐵人賽 Vue.js DAY 10

技術 我的 Vue.js 筆記(10) - computed 計算屬性

前言 我們已經知道模板語法中可以直接寫 JS 表達式,也知道表達式的邏輯可以抽方法來重複使用。 實務上還有一種情況,是需要「依據資料」整理出「對資料的說明」,簡...

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

技術 開箱9:輕鬆實現多行文本溢出顯示...~vue-ellipsis-3範例應用

本篇開箱的是vue-ellipsis-3,是一款簡單上手就能實現的文字縮略元件。 相信大家在網頁功能上一定會碰到這個需求,超過某個寬度時要出現...省略號(...

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

技術 [影片教學] Nuxt 3 組合式函式 (Composables)

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

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

技術 [Day 09] Nuxt 3 發送 API 請求資料 - 從 $fetch 與 useAsyncData 到 useFetch

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

鐵人賽 Vue.js DAY 9

技術 我的 Vue.js 筆記(9) - Vue 的模板

模板語法 先說一個觀念:模板,其實不完全等於 HTML,只是剛好 Vue 使用的模板語法,完全支援 HTML。所以我們使用 Vue 的時候如果提到的「模板」,可...

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

技術 [影片教學] Nuxt 3 元件 (Components)

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

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

技術 [Day 08] Nuxt 3 如何得知路由名稱與自定義頁面路由

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

鐵人賽 Vue.js DAY 8

技術 我的 Vue.js 筆記(8) - Vue 元件實體生命週期

前言 你可能會疑惑,我們還沒接觸元件,為什麼現在在講元件的生命週期 事實上,一個 Vue 實體,就是一個元件,所以我們只要開始使用 Vue 之後,就必須跟元件的...

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

技術 [影片教學] Nuxt 3 布局模板 (Layouts)

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

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

技術 [Day 07] Nuxt 3 使用 Dotenv 與 .env 檔案自動載入環境變數與配置 Runtime Config

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