iT邦幫忙

vue相關文章
共有 816 則文章
0 Like 0 留言 1164 瀏覽
鐵人賽 Vue.js DAY 24
這是我的 Vue.js 筆記，不知道有沒有機會幫到你 系列 第 24 篇

技術 我的 Vue.js 筆記(24) - 動態元件 is 與 keep-alive

動態元件 網頁中有一種常見的功能，是能做到某個區塊可以點選畫面中的按鈕(或標籤)進行資料的抽換，這種功能在電商網站就很常會看到。 在 Vue 中要實踐這種功能，...

imall ‧ 2023-10-09
0 Like 0 留言 2200 瀏覽
鐵人賽 Vue.js DAY 24
Vue3歡樂套件箱耶 系列 第 24 篇

技術 開箱24:Vue 3 ＋Firebase Authentication 信箱註冊登入登出

本次要跟姊姊一起學習Vue 3 + Firebase Authentication 信箱註冊登入登出功能 ▶ 如果您尚未建立專案／安裝 Firebase JS...

切版姐姐 ‧ 2023-10-09
0 Like 0 留言 461 瀏覽

技術 18.天氣查詢(上)

Enter事件->按下enter(v-on .enter)->查詢數據(axios / v-model)->渲染 v-for / that...

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

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

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

Ryan ‧ 2023-10-08
0 Like 0 留言 536 瀏覽

技術 17.結合Vue+axios

在vue實例方法當中可以透過this訪問data裡面的數據，但獲取網路數據後，vue實例裡面的this不在是同樣的那個因此無法訪問data中的數據，所以我們應該...

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

技術 16.Axios

(一)Axios基於promise的HTTP客戶端，可以用在瀏覽器和 Node.js 中，幫助你發送 GET、POST、PUT、DELETE 等不同類型的請求...

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

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

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

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

技術 我的 Vue.js 筆記(23) - 在元件與元件之間使用 v-model

前言 之前提到，元件如果要接收資料，必須用 props元件如果要向外傳資料，則是定義 emit 事件 假設我們的元件有個 <input> 標籤，我們...

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

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

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

Ryan ‧ 2023-10-07
0 Like 0 留言 449 瀏覽

技術 15.代辦清單-清空、隱藏

清空-點及清除所有信息(v-on)Clear =>讓列表裡面的值全部清空lists=[] v-on click觸發 clear(){ this...

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

技術 14.代辦清單-刪除、統計

點擊刪除指定內容(v-on splice索引) splice方法的使用當我們點擊某個待辦事項的刪除按鈕時，remove方法將被調用，並將該待辦事項從lists...

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

技術 13.代辦清單-新增

今天來練習一個小小的代辦清單:新增功能:1.生成列表結構 v-for2.獲取用戶輸入 (v-model 雙向數據綁定)3.enter，新增數據 (v-on .e...

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

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

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

Ryan ‧ 2023-10-07 ‧團隊啾嚕咕嚕跳起來
0 Like 0 留言 2054 瀏覽
鐵人賽 Vue.js DAY 23
Vue3歡樂套件箱耶 系列 第 23 篇

技術 開箱23:Vue 3 + 建立web應用程式＋Firebase JS SDK 初始化

本次要跟姊姊一起學習Vue 3 + Firebase 實現一些功能，只是本篇只是先介紹事前準備，下篇才會進去實作 如果您尚未建立專案 及 安裝 Firebase...

切版姐姐 ‧ 2023-10-08
0 Like 0 留言 1136 瀏覽
鐵人賽 Vue.js DAY 22
這是我的 Vue.js 筆記，不知道有沒有機會幫到你 系列 第 22 篇

技術 我的 Vue.js 筆記(22) - 元件之間的溝通：emit

前言 前篇說到，在定義好元件之後，如果元件需要透過「外部」傳入狀態，可以使用 props 來傳遞，同時也提到 props 應該是 readonly 的特性，不該...

imall ‧ 2023-10-07
1 Like 2 留言 1307 瀏覽
鐵人賽 Modern Web DAY 30
從Vue學React！不只要會用，還要真的懂～ 系列 第 30 篇

技術 【Day 30】從Vue學React！最終大回顧＆完賽感言

沒想到與React和Vue你看我我看你地過著的這段日子雖然過程難熬，但回頭看卻又發現時間過得居然如此的快，轉眼間已經到了鐵人賽的最後一天了！雖然已經到了最後一天...

文科少女 ‧ 2023-10-06 ‧團隊曼陀號計畫V
1 Like 0 留言 1909 瀏覽
鐵人賽 影片教學 DAY 21
Nuxt 3 快速入門 系列 第 21 篇

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

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

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

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

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

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

技術 我的 Vue.js 筆記(21) - 元件之間的溝通：props

前言 這篇文章來記錄一下，當父層元件傳遞資料給子層元件的語法：props props 我們已經知道在模版中要使用元件，會是這樣的語法： <div id=&...

imall ‧ 2023-10-06
0 Like 0 留言 745 瀏覽

技術 12.Vue-5

(一) v-for根據數據生成結構列表(如陣列或物件) 語法: item in items (item 的名稱可任意命名，只要是合法的 JavaScript...

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

技術 11.Vue圖片切換

定義圖片陣列-圖片數組imgArr 添加圖片索引-index 綁定src屬性-v-bind 圖片切換 v-on 邏輯-v-show 顯示狀態切換 <d...

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

技術 10.Vue-4

(一)v-show: 根據條件的布林值來控制元素的顯示和隱藏，與CSS的display屬性相關聯，但與v-if指令不同，v-show 不會將元素從DOM中移除，...

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

技術 9.Vue-3

(一) v-text:設置標籤的文本內容textContent我們除了可以用兩個大括號{{}}將data值綁定之外，也可用使用v-txet <div id...

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

技術 [影片教學] Nuxt 3 Cookie 的設置與使用

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

Ryan ‧ 2023-10-05
0 Like 0 留言 2370 瀏覽
鐵人賽 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 搜...

Ryan ‧ 2023-10-05 ‧團隊啾嚕咕嚕跳起來
0 Like 0 留言 1551 瀏覽
鐵人賽 Vue.js DAY 20
Vue3歡樂套件箱耶 系列 第 20 篇

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

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

切版姐姐 ‧ 2023-10-05
0 Like 0 留言 1175 瀏覽
鐵人賽 Vue.js DAY 20
這是我的 Vue.js 筆記，不知道有沒有機會幫到你 系列 第 20 篇

技術 我的 Vue.js 筆記(20) - 在輕前端中使用元件、元件的命名

前言 雖說單一元件檔案的程式因為有 script setup 語法，能讓程式變得乾淨俐落。 不過並不是每個人都會使用 vite (或以前的 vue cli) 來...

imall ‧ 2023-10-05
0 Like 0 留言 452 瀏覽

技術 8 .Vue-2

(一)Vue.js 的實體物件: 透過new Vue()或Vue.createApp()得到新物件，並指定變數名稱，透過此物件來掛載在網頁上的某個 DOM 節點...

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

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

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

Ryan ‧ 2023-10-04
0 Like 0 留言 415 瀏覽

技術 7.Vue-1

Vue是一個用於建立使用者介面的 JavaScript 框架。他提供聲明性和基於元件的程式設計模型，幫助開發人員構建交互性強、高效的網頁應用程序。以下是Vue的...

伍貳捌 ‧ 2023-10-05
iThome鐵人賽
參賽組數
902 組
團體組數
37 組
累計文章數
19831 篇
完賽人數
528 人
iT+看影片追技術 看影片追技術 看更多
熱門tag
15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 17th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# linux windows server css react
熱門問題
熱門回答
熱門文章
IT邦幫忙