iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

vue.js相關文章

共有 1664 則文章

462 人追蹤

追蹤

1 Like 0 留言 8078 瀏覽

鐵人賽 Modern Web DAY 21

真的好想離開 Vue 3 新手村 feat. CompositionAPI 系列第 21 篇

技術 Day 21: 來發 API 吧！Async Composition API setup() feat. <Suspense>

前言接下來幾天會以「在 Vue 3 Composition API 處理非同步（發 API ）」為主軸，從新手的角度出發，告訴大家可以在哪些地方、時機發 A...

安揪拉 ‧ 2022-10-06

2 Like 1 留言 16375 瀏覽

鐵人賽 Modern Web DAY 20

Nuxt 3 學習筆記系列第 20 篇

技術 [Day 20] Nuxt 3 Cookie 的設置與 JWT 的搭配

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

Ryan ‧ 2022-10-05

7 Like 1 留言 9910 瀏覽

鐵人賽 Modern Web DAY 20

真的好想離開 Vue 3 新手村 feat. CompositionAPI 系列第 20 篇

達標好文技術 Day 20: 在發 API 之前 - 先學 axios 基礎與封裝管理 API

前言接下來幾篇文章以「在 Vue 3 Composition API 處理非同步（發 API ）」為主軸，會從新手的角度出發，告訴大家可以在哪些地方、時機發...

安揪拉 ‧ 2022-10-05

1 Like 3 留言 12019 瀏覽

技術 Vue3 串接 Google OAuth 登入【2022 最新】

前言大家好，我是 Ryan，這篇文章是我參與 iThome 2022 鐵人賽時與大家分享使用 Nuxt 3 串接 Google OAuth 登入的額外分享，因...

Ryan ‧ 2022-10-05

1 Like 1 留言 12547 瀏覽

鐵人賽 Modern Web DAY 19

Nuxt 3 學習筆記系列第 19 篇

技術 [Day 19] Nuxt 3 串接 Google OAuth 登入

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

Ryan ‧ 2022-10-04

2 Like 0 留言 15498 瀏覽

鐵人賽 Modern Web DAY 18

Nuxt 3 學習筆記系列第 18 篇

技術 [Day 18] Nuxt 3 Runtime Config & App Config

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

Ryan ‧ 2022-10-03

3 Like 1 留言 6933 瀏覽

鐵人賽 Modern Web DAY 18

真的好想離開 Vue 3 新手村 feat. CompositionAPI 系列第 18 篇

技術 Day 18: v-slot 到底用在哪？從應用學 v-slot 語法

前言要在父子元件之間傳遞變數或內容的時候，我們可以使用 props，但如果想要傳遞進去的是一段 template 片段，就要使用到 slot。最簡單明瞭的...

安揪拉 ‧ 2022-10-03

2 Like 1 留言 3400 瀏覽

鐵人賽 Modern Web DAY 17

真的好想離開 Vue 3 新手村 feat. CompositionAPI 系列第 17 篇

技術 Day 17: 元件溝通的原則 feat. props & emit

元件溝通的原則 1. 資料由上而下單向傳遞這在前端框架中，是很常見的管理原則，Vue 文件用「One-Way Data Flow」來描述；React 文件...

安揪拉 ‧ 2022-10-02

1 Like 1 留言 15547 瀏覽

鐵人賽 Modern Web DAY 17

Nuxt 3 學習筆記系列第 17 篇

技術 [Day 17] Nuxt 3 狀態管理 - Store & Pinia

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

Ryan ‧ 2022-10-02

1 Like 2 留言 13292 瀏覽

鐵人賽 Modern Web DAY 16

Nuxt 3 學習筆記系列第 16 篇

技術 [Day 16] Nuxt 3 狀態管理 (State Management)

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

Ryan ‧ 2022-10-01

1 Like 0 留言 2586 瀏覽

鐵人賽 Modern Web DAY 16

真的好想離開 Vue 3 新手村 feat. CompositionAPI 系列第 16 篇

技術 Day 16: 從 vuejs 原始碼看 v-on 修飾符串接

誰適合看這篇？試問： @click.prevent.self 和 @click.self.prevent 的差別是什麼？...回答不出來的人，還有想即時打開...

安揪拉 ‧ 2022-10-01

1 Like 1 留言 25639 瀏覽

鐵人賽 Modern Web DAY 15

Nuxt 3 學習筆記系列第 15 篇

技術 [Day 15] Nuxt 3 資料獲取 (Data Fetching)

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

Ryan ‧ 2022-09-30

1 Like 0 留言 9295 瀏覽

鐵人賽 Modern Web DAY 15

真的好想離開 Vue 3 新手村 feat. CompositionAPI 系列第 15 篇

技術 Day 15: 在 Vue 專案使用 Sass/SCSS +共用變數 (feat. Vite)

Outline 主要分成四個部份安裝 Sass 預處理器，在 SFC 檔使用 SCSS 撰寫 style 區域引入 SCSS 樣式或變數全域引入 SCSS...

安揪拉 ‧ 2022-09-30

3 Like 0 留言 18996 瀏覽

鐵人賽 Modern Web DAY 14

Nuxt 3 學習筆記系列第 14 篇

技術 [Day 14] Nuxt 3 Server API 與 Nitro Engine

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

Ryan ‧ 2022-09-29

1 Like 0 留言 6120 瀏覽

鐵人賽 Modern Web DAY 14

真的好想離開 Vue 3 新手村 feat. CompositionAPI 系列第 14 篇

技術真的好想離開 Vue 3 新手村 - Day 14: style scoped 原理與特殊選擇器 :deep()＆:slotted()

Outline <style scoped> 的作用方式突破 <style scoped> 的特殊選擇器a. 深層選擇器 (Dee...

安揪拉 ‧ 2022-09-29

0 Like 0 留言 4459 瀏覽

鐵人賽 Modern Web DAY 13

真的好想離開 Vue 3 新手村 feat. CompositionAPI 系列第 13 篇

技術真的好想離開 Vue 3 新手村 - Day 13: v-on 語法、修飾符與找不到的 console.log

前言今天這篇會先介紹 v-on 的語法和修飾符，熟悉的人可以考慮跳過這個部份。再來會提到自己在學習 v-on 時的疑惑：「為什麼不能在 inline ha...

安揪拉 ‧ 2022-09-28

0 Like 0 留言 12773 瀏覽

鐵人賽 Modern Web DAY 13

Nuxt 3 學習筆記系列第 13 篇

技術 [Day 13] Nuxt 3 中間件目錄 (Middleware Directory)

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

Ryan ‧ 2022-09-28

1 Like 1 留言 2669 瀏覽

鐵人賽 Modern Web DAY 26

【每天5分鐘】學前端系列第 26 篇

技術 Day26【每天5分鐘】學前端 | 前端三大框架

JavaScript 的內容有很多，【每天 5 分鐘】的介紹，不知道要寫到什麼時候 XD這幾天很掙扎，在 30 天的鐵人賽中， JS 的部分要介紹到哪邊為止？...

Olivia ‧ 2022-09-27

0 Like 0 留言 11510 瀏覽

鐵人賽 Modern Web DAY 12

Nuxt 3 學習筆記系列第 12 篇

技術 [Day 12] Nuxt 3 模組 (Modules)

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

Ryan ‧ 2022-09-27

0 Like 2 留言 14760 瀏覽

鐵人賽 Modern Web DAY 11

Nuxt 3 學習筆記系列第 11 篇

技術 [Day 11] Nuxt 3 插件 (Plugins)

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

Ryan ‧ 2022-09-26

7 Like 4 留言 19488 瀏覽

鐵人賽 Modern Web DAY 11

真的好想離開 Vue 3 新手村 feat. CompositionAPI 系列第 11 篇

達標好文技術真的好想離開 Vue 3 新手村 - Day 11: 從原生 JS 理解 Vue 3 響應式基礎 - reactive & ref (下)

Outline 上集回顧 reactive() 特性與限制什麼情況會失去響應性 ref() 特性與限制什麼情況會失去響應性兩個比一比...

安揪拉 ‧ 2022-09-26

1 Like 0 留言 14292 瀏覽

鐵人賽 Modern Web DAY 10

Nuxt 3 學習筆記系列第 10 篇

技術 [Day 10] Nuxt 3 組合式函式 (Composables)

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

Ryan ‧ 2022-09-25

0 Like 0 留言 6173 瀏覽

鐵人賽 Modern Web DAY 9

真的好想離開 Vue 3 新手村 feat. CompositionAPI 系列第 9 篇

技術真的好想離開 Vue 3 新手村 - Day 9: v-for 與他的坑 feat. key & v-if

Outline 語法簡介 v-for 與 key 的關係為什麼要綁定 key 什麼狀況下不能用 index 作為 key v-if & v-...

安揪拉 ‧ 2022-09-24

1 Like 2 留言 13440 瀏覽

鐵人賽 Modern Web DAY 9

Nuxt 3 學習筆記系列第 9 篇

技術 [Day 09] Nuxt 3 元件 (Components)

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

Ryan ‧ 2022-09-24

4 Like 2 留言 5821 瀏覽

鐵人賽 Modern Web DAY 8

真的好想離開 Vue 3 新手村 feat. CompositionAPI 系列第 8 篇

技術真的好想離開 Vue 3 新手村 - Day 8: 認識 Vue directive 和 v-if v.s v-show

Vue Directive 什麼是 Vue directive？簡單來說，就是在 Vue 模板中，我們常常用到的 v- 開頭的「指令」，像是：v-if、v-fo...

安揪拉 ‧ 2022-09-23

0 Like 1 留言 16501 瀏覽

鐵人賽 Modern Web DAY 8

Nuxt 3 學習筆記系列第 8 篇

技術 [Day 08] Nuxt 3 布局模板 (Layouts)

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

Ryan ‧ 2022-09-23

1 Like 2 留言 20121 瀏覽

鐵人賽 Modern Web DAY 7

Nuxt 3 學習筆記系列第 7 篇

技術 [Day 07] Nuxt 3 頁面 (Pages) 與路由 (Routing)

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

Ryan ‧ 2022-09-22

1 Like 1 留言 15464 瀏覽

鐵人賽 Modern Web DAY 5

真的好想離開 Vue 3 新手村 feat. CompositionAPI 系列第 5 篇

技術真的好想離開 Vue 3 新手村 - Day 5: Option API 和 Composition API 比一比

前言 Vue 3 提供 Option API 和 Composition API 兩種寫法，Option API 是延伸自 Vue 2 的寫法，Composit...

安揪拉 ‧ 2022-09-20

2 Like 0 留言 34549 瀏覽

鐵人賽 Modern Web DAY 4

真的好想離開 Vue 3 新手村 feat. CompositionAPI 系列第 4 篇

技術真的好想離開 Vue 3 新手村 - Day 4: 從 npm run build (vite build) 簡單認識打包

誰適合看這篇不知道 npm run dev、npm run build、npm run preview 的用處不知道「打包」做了哪些事？為什麼前端需要打包...

安揪拉 ‧ 2022-09-19

3 Like 0 留言 12724 瀏覽

鐵人賽 Modern Web DAY 3

真的好想離開 Vue 3 新手村 feat. CompositionAPI 系列第 3 篇

技術真的好想離開 Vue 3 新手村 - Day 3: 細看 Vue + Vite 專案資料夾結構

誰適合看這篇已經初步了解 npm、package.json、package-lock.json、node_modules 建立 Vue 專案後，沒有仔細看...

安揪拉 ‧ 2022-09-18

參賽組數

902 組

團體組數

37 組

累計文章數

19831 篇

完賽人數

528 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 17th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# linux windows server css react

IT邦幫忙