iT邦幫忙

vue.js相關文章
共有 1664 則文章
鐵人賽 Vue.js DAY 20
業主說給你30天學會Vue 系列 第 20

技術 V20_Vue in W3School

V20_Vue in W3School 之前的學習主要做用Vue的線上編輯器來做練習接下來的發文,要切換到以W3School做為編輯器的模式同時,學習的網站要從...

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

技術 [影片教學] Nuxt 3 串接 Google OAuth 登入

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

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

技術 開箱19:所以Import是?陪我一起觀念釐清~

在轉寫框架時,用了很多import,可是卻不知道有區分靜態跟動態導入(dynamic import)?那動態載入跟框架裡面的用法有什麼關係?於是我將很多困惑交給...

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

技術 [Day 19] Nuxt 3 自動產生 Sitemap 網站地圖 - SEO 搜尋引擎最佳化系列

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

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

技術 V19_從Vue的範例做中學(3)_CRUD

V19_從Vue的範例做中學(3)_CRUD 今天來練習一下,在網頁資料中常見的 CRUDCRUD 是 Create(新增), Read(讀取), Update...

鐵人賽 SideProject30 DAY 19

技術 客服問題表單輸入功能

Hi,大家好,昨天我們完成了登入&變更密碼機制,按照預定的作業流程,我們今天來處理的是表單輸入的機制,在這裡我們會使用vue.js送出資料到後端,後端資...

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

技術 開箱18:圖片/元件懶加載~vue3 + IntersectionObserver API範例應用

本篇要來介紹當使用者滑到該圖或該組件時,才載入圖或組件的應用 還記得我們在16篇以及17篇分別提到 圖片懶加載 IntersectionObserver...

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

技術 [影片教學] Nuxt 3 Runtime Config & App Config

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

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

技術 [Day 18] Nuxt 3 自動產生連結縮圖 OG Image - SEO 搜尋引擎最佳化系列

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

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

技術 V18_Vue的Composition_API的功能清單

V18_Vue的Composition_API的功能清單 接下來的幾篇發文,想要從Vue的官網的API清單,來整個看一遍Vue的功能,會以Composition...

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

技術 [影片教學] Nuxt 3 使用 Pinia 進行狀態管理

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

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

技術 開箱17:是不是跟我一樣困惑異步加載???defineAsyncComponent範例應用

上篇簡單介紹了圖片懶加載,那其實頁面(組件)也可以懶加載,因此本篇要介紹改進初始頁面加載的好方法 也就是將我們的應用程式以較小的區塊加載,而不必在頁面加載時...

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

技術 [Day 17] Nuxt 3 頁面載入效果 - 使用 NuxtLoadingIndicator 元件與實作自訂 Loading 元件

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

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

技術 V17_Vue的不同語法的對照Composition_API及Options_API

V17_Vue的不同語法的對照Composition_API及Options_API 從官網的介紹會發現有2種API,Composition API及 Opti...

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

技術 [Day 16] Nuxt 3 最佳管理 Meta Tag 的方式 - 使用 useSeoMeta 與 useServerSeoMeta

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

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

技術 [影片教學] Nuxt 3 狀態管理 (State Management)

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

鐵人賽 SideProject30 DAY 16

技術 Day16—Vue(十)生命週期

前言 今天將來初步了解生命週期的部分,並簡單介紹生命週期鉤子的名詞。 簡介 Vue 3 的生命周期是組件從創建到銷毀的整個過程,包含了一系列的生命週期鉤子:在...

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

技術 V16_從Vue的範例做中學(2)_Fetching_Data

V16_從Vue的範例做中學(2)_Fetching_Data 接下來學習 Fetching_Data 的範例 網址如下https://vuejs.org/ex...

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

技術 開箱15:輕鬆套用訊息通知UI~Vue 3 Toastify範例應用

Vue 3 Toastify是一個給Vue.js應用程式提供訊息通知功能的函式庫。它可以幫助您建立和顯示輕量級的訊息提示。 介紹 官網https://vue...

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

技術 [影片教學] Nuxt 3 資料獲取 (Data Fetching)

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

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

技術 [Day 15] Nuxt 3 使用 useHead 動態設定 HTML Head 與 Meta Tag

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

鐵人賽 SideProject30 DAY 15

技術 Day15—Vue(九)事件處理

前言 今天我們要來介紹如合用v-on這個指令進行監聽事件的處理。在 Vue 中,我們可以通過v-on指令(簡寫為@)來監聽DOM元素的事件,當指定事件被觸發時...

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

技術 V15_從Vue的範例做中學(1)_Markdown_Editor

V15_從Vue的範例做中學(1)_Markdown_Editor 前面幾篇的發文已經大致的了解Vue的主要的特性及用法了,接下來要轉到Vue的官網上的Exam...

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

技術 開箱14:前端圖片壓縮~Compressor.js範例應用

要使用圖片壓縮工具來處理網頁時,一種是打包後處理圖片,像是Webpack 插件image-webpack-loader ,另一種則是幫助您在瀏覽器中進行圖片壓縮...

鐵人賽 影片教學 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 搜...

鐵人賽 SideProject30 DAY 14

技術 Day14—Vue(八)v-bind綁定class與style

前言 今天要來講解v-bind的應用,以及它與class和style的綁定: 資料綁定提供了在HTML元素中靈活操作CSS類別列表和內聯樣式的解決方案,這是一...

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

技術 開箱13:圖片轉文字不專業版~Tesseract.js範例應用

本篇開箱Tesseract.js是能圖像中取得文字的工具 介紹 Tesseract.js 是一個 JavaScript 函式庫,它是基於 Google 的...

鐵人賽 影片教學 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 搜...