iT邦幫忙

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

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

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

鐵人賽 SideProject30 DAY 27

技術 設定自動暫存機制

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

鐵人賽 SideProject30 DAY 26

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

技術 V27_Vue的小專案_youtube點播機(1)

V27_Vue的小專案_youtube點播機(1) 在先前的發文中,對於Vue的學習已經有一些基礎,再最後的幾篇發文,想要來做一個小專案,youtube點播機...

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

技術 V26_Vue的Routing的操作

V26_Vue的Routing的操作 今天來研究一下Vue的Routing的操作,在一般的Vue的學習上,有使用SFC或是Component的方式也有使用slo...

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

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

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

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

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

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

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

技術 開箱25:Vue 3 + Firebase Cloud Firestore 簡單CRUD功能

本次要跟姊姊一起學習Vue 3 + Firebase Firestore database CRUD功能 ▶ 如果您尚未建立專案/安裝 Firebase JS...

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

技術 V25_Vue的slot網頁內容的分解及組合

V25_Vue的slot網頁內容的分解及組合 今天來研究一下 slots的用法 參考W3School Vue的說明Vue v-slothttps://www.w...

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

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

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

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

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

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

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

技術 V24_Vue的props_emit_子元件傳資料給父元件

V24_Vue的props_emit_子元件傳資料給父元件 今天來再次研究一下 子元件傳資料給父元件 的方式有時一些Vue的語法需要不斷反覆練習將一些有疑慮的問...

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

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

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

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

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

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

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

技術 V23_Vue的provide_inject_父元件傳資料給子元件

V23_Vue的provide_inject_父元件傳資料給子元件 今天來探究一下 Provide/Inject 的用法參考一下W3School_Vue的說明V...

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

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

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

鐵人賽 SideProject30 DAY 22

技術 Day22—開發日記(六)提醒密碼一致與否(v-show)、使用者資料傳入firestore

前言 今天是開發的Day6,開發重點為: 使用vue指令v-show進行實時確認密碼認證 將資料同步加進去firestore的資料庫 實現內容 圖片來源...

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

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

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

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

技術 V22_直覺式理解_Vue_Directives(2)_v-on

V22_直覺式理解_Vue_Directives(2)_v-on 今天來再探究 v-on參考一下W3School_Vue在v-on的說明Vue v-on Dir...

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

技術 [影片教學] Nuxt 3 使用 I18n 建立多國語系

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

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

技術 [Day 21] Nuxt 3 管理網站結構化資料標記 (Structured Data Markup) - SEO 搜尋引擎最佳化系列工具簡介

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

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

技術 開箱22:效能優化?記憶化(Memoization)~Vue範例應用

在前端開發中,記憶化(Memoization)主要用於優化性能,特別是在需要頻繁計算或重新渲染的情況下。所以我們今天來認識一下在Vue中,有幾種方式可以實現Me...

鐵人賽 SideProject30 DAY 22

技術 加入附件顯示功能

Hi,大家好,又到了連續假期了,總算可以脫離幾天上班的生活了XD,昨天我們完成了附件上傳的機制,使用 dataURL 的機制,傳完之後,當然就是要可以在畫面上看...

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

技術 [Day 20] Nuxt 3 管理網站的 robots.txt 與 Robots Tags - SEO 搜尋引擎最佳化系列

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

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

技術 開箱20:前端用戶導覽這樣做~v-onboarding範例應用

當我們第一次使用某網站時,有時候網站會跳出導覽指引(就是教你怎麼用?),這可稱作網頁導覽或者用戶導覽(User Tour)或者 Onboarding (是指使用...

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

技術 V21_直覺式理解_Vue_Directives(1)_v-bind

V21_直覺式理解_Vue_Directives(1)_v-bind 在Vue的架構下,透過 Vue Directives來作為與Vue變數綁定的介面,從W3S...