iT邦幫忙

vue3相關文章
共有 424 則文章
2 Like 0 留言 17058 瀏覽
鐵人賽 Modern Web DAY 25
真的好想離開 Vue 3 新手村 feat. CompositionAPI 系列 第 25 篇

技術 Day 25: 來發 API 吧！Pinia 語法學完馬上用

前言 在 Day 21: 來發 API 吧！Async Composition API setup() 中，是在元件準備渲染時，才在 setup 內發 API...

安揪拉 ‧ 2022-10-10
0 Like 0 留言 2202 瀏覽
鐵人賽 Modern Web DAY 26
派對動物嗨起來！ 系列 第 26 篇

技術 D26 - 遊戲機網頁取得搖桿控制訊號

本系列文已改編成書「甚麼？網頁也可以做派對遊戲？使用 Vue 和 babylon.js 打造 3D 派對遊戲吧！」 書中不只重構了程式架構、改善了介面設計，還新...

鱈魚 ‧ 2022-10-10
0 Like 0 留言 1760 瀏覽
鐵人賽 Modern Web DAY 24
「你知道這是什麼嗎？」小白也能輕鬆瞭解的 Vue3 單元測試！Feat. Vitest + Vue Test Utils 系列 第 24 篇

技術 【語法ノ章】元件測試：模擬 Vue APIs（slots, custom directives）

本系列文已重新編排並新增內容出版成冊，若您喜歡透過書籍來閱讀的話，歡迎至天瓏書局下單選購唷！ ShawnL - Vue.js 3前端測試入門從這裡開始...

ShawnL ‧ 2022-10-09
2 Like 0 留言 2701 瀏覽
鐵人賽 Modern Web DAY 24
真的好想離開 Vue 3 新手村 feat. CompositionAPI 系列 第 24 篇

技術 Day 24: Before Pinia - 什麼是狀態(state)？為什麼需要狀態管理器？

前言 Vue 文件常常出現 "state" 這個單字，像是在 Reactivity Fundamentals 篇章中，會用 "st...

安揪拉 ‧ 2022-10-09
3 Like 0 留言 3877 瀏覽
鐵人賽 Modern Web DAY 23
真的好想離開 Vue 3 新手村 feat. CompositionAPI 系列 第 23 篇

技術 Day 23: 來發 API 吧！Lifecycle Hooks and Navigation Guards 你要哪一個？

Outline Lifecycle Hooks 快速總覽 Navigation guards 快速總覽 發 API 挑哪個？ 今天會著重介紹觸發時機，可以在...

安揪拉 ‧ 2022-10-08
0 Like 0 留言 1393 瀏覽
鐵人賽 Modern Web DAY 25
派對動物嗨起來！ 系列 第 25 篇

技術 D25 - 建立類比控制搖桿

本系列文已改編成書「甚麼？網頁也可以做派對遊戲？使用 Vue 和 babylon.js 打造 3D 派對遊戲吧！」 書中不只重構了程式架構、改善了介面設計，還新...

鱈魚 ‧ 2022-10-09
2 Like 0 留言 1679 瀏覽
鐵人賽 Modern Web DAY 24
派對動物嗨起來！ 系列 第 24 篇

技術 D24 - 完全體企鵝

本系列文已改編成書「甚麼？網頁也可以做派對遊戲？使用 Vue 和 babylon.js 打造 3D 派對遊戲吧！」 書中不只重構了程式架構、改善了介面設計，還新...

鱈魚 ‧ 2022-10-08
0 Like 0 留言 2158 瀏覽
鐵人賽 Modern Web DAY 23
「你知道這是什麼嗎？」小白也能輕鬆瞭解的 Vue3 單元測試！Feat. Vitest + Vue Test Utils 系列 第 23 篇

技術 【語法ノ章】元件測試：模擬 Vue APIs（emit, provide/inject）

本系列文已重新編排並新增內容出版成冊，若您喜歡透過書籍來閱讀的話，歡迎至天瓏書局下單選購唷！ ShawnL - Vue.js 3前端測試入門從這裡開始...

ShawnL ‧ 2022-10-08
2 Like 0 留言 6333 瀏覽
鐵人賽 Modern Web DAY 22
真的好想離開 Vue 3 新手村 feat. CompositionAPI 系列 第 22 篇

技術 Day 22: Composition API async setup() + await 的限制

上集回顧 Composition API 元件中的 setup() 函式可以作為非同步函式使用，在內部可以使用關鍵字 await 等待非同步陳述式執行。 一切聽...

安揪拉 ‧ 2022-10-07
0 Like 0 留言 2055 瀏覽
鐵人賽 Modern Web DAY 22
「你知道這是什麼嗎？」小白也能輕鬆瞭解的 Vue3 單元測試！Feat. Vitest + Vue Test Utils 系列 第 22 篇

技術 【語法ノ章】元件測試：模擬 Vue APIs（data, props）

本系列文已重新編排並新增內容出版成冊，若您喜歡透過書籍來閱讀的話，歡迎至天瓏書局下單選購唷！ ShawnL - Vue.js 3前端測試入門從這裡開始...

ShawnL ‧ 2022-10-07
2 Like 1 留言 1589 瀏覽
鐵人賽 Modern Web DAY 23
派對動物嗨起來！ 系列 第 23 篇

技術 D23 - 爆走企鵝

本系列文已改編成書「甚麼？網頁也可以做派對遊戲？使用 Vue 和 babylon.js 打造 3D 派對遊戲吧！」 書中不只重構了程式架構、改善了介面設計，還新...

鱈魚 ‧ 2022-10-07
1 Like 0 留言 8586 瀏覽
鐵人賽 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
0 Like 0 留言 2047 瀏覽
鐵人賽 Modern Web DAY 22
派對動物嗨起來！ 系列 第 22 篇

技術 D22 - 企鵝登場：建立企鵝 Class

本系列文已改編成書「甚麼？網頁也可以做派對遊戲？使用 Vue 和 babylon.js 打造 3D 派對遊戲吧！」 書中不只重構了程式架構、改善了介面設計，還新...

鱈魚 ‧ 2022-10-06
0 Like 0 留言 2219 瀏覽
鐵人賽 Modern Web DAY 21
「你知道這是什麼嗎？」小白也能輕鬆瞭解的 Vue3 單元測試！Feat. Vitest + Vue Test Utils 系列 第 21 篇

技術 【語法ノ章】元件測試：容器方法（Wrapper methods）－模擬事件

本系列文已重新編排並新增內容出版成冊，若您喜歡透過書籍來閱讀的話，歡迎至天瓏書局下單選購唷！ ShawnL - Vue.js 3前端測試入門從這裡開始...

ShawnL ‧ 2022-10-06
0 Like 0 留言 2132 瀏覽
鐵人賽 Modern Web DAY 20
「你知道這是什麼嗎？」小白也能輕鬆瞭解的 Vue3 單元測試！Feat. Vitest + Vue Test Utils 系列 第 20 篇

技術 【語法ノ章】元件測試：容器方法（Wrapper methods）－取得目標資訊

本系列文已重新編排並新增內容出版成冊，若您喜歡透過書籍來閱讀的話，歡迎至天瓏書局下單選購唷！ ShawnL - Vue.js 3前端測試入門從這裡開始...

ShawnL ‧ 2022-10-05
0 Like 0 留言 4061 瀏覽
鐵人賽 Modern Web DAY 21
派對動物嗨起來！ 系列 第 21 篇

技術 D21 - 大海、浮冰、企鵝勒？：使用 babylon.js 打造 3D 遊戲

本系列文已改編成書「甚麼？網頁也可以做派對遊戲？使用 Vue 和 babylon.js 打造 3D 派對遊戲吧！」 書中不只重構了程式架構、改善了介面設計，還新...

鱈魚 ‧ 2022-10-05
1 Like 3 留言 12926 瀏覽

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

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

Ryan ‧ 2022-10-05
2 Like 0 留言 6741 瀏覽
鐵人賽 Modern Web DAY 19
真的好想離開 Vue 3 新手村 feat. CompositionAPI 系列 第 19 篇

技術 Day 19: 你可能不知道的 v-model - 為何多選綁定陣列不能用 reactive()?

前言 在處理響應式多選表單時，使用 v-model 綁定陣列類型的資料，用 ref() 沒問題，但用 reactive() 卻行不通QQ～為什麼～～～ 就是下面...

安揪拉 ‧ 2022-10-04
0 Like 0 留言 1630 瀏覽
鐵人賽 Modern Web DAY 20
派對動物嗨起來！ 系列 第 20 篇

技術 D20 - I want to play a game

本系列文已改編成書「甚麼？網頁也可以做派對遊戲？使用 Vue 和 babylon.js 打造 3D 派對遊戲吧！」 書中不只重構了程式架構、改善了介面設計，還新...

鱈魚 ‧ 2022-10-04
1 Like 0 留言 2740 瀏覽
鐵人賽 Modern Web DAY 19
「你知道這是什麼嗎？」小白也能輕鬆瞭解的 Vue3 單元測試！Feat. Vitest + Vue Test Utils 系列 第 19 篇

技術 【語法ノ章】元件測試：容器方法（Wrapper methods）－選擇器與陷阱

本系列文已重新編排並新增內容出版成冊，若您喜歡透過書籍來閱讀的話，歡迎至天瓏書局下單選購唷！ ShawnL - Vue.js 3前端測試入門從這裡開始...

ShawnL ‧ 2022-10-04
3 Like 1 留言 7689 瀏覽
鐵人賽 Modern Web DAY 18
真的好想離開 Vue 3 新手村 feat. CompositionAPI 系列 第 18 篇

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

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

安揪拉 ‧ 2022-10-03
0 Like 0 留言 1650 瀏覽
鐵人賽 Modern Web DAY 19
派對動物嗨起來！ 系列 第 19 篇

技術 D19 - 是誰偷按確定？

本系列文已改編成書「甚麼？網頁也可以做派對遊戲？使用 Vue 和 babylon.js 打造 3D 派對遊戲吧！」 書中不只重構了程式架構、改善了介面設計，還新...

鱈魚 ‧ 2022-10-03
0 Like 0 留言 2053 瀏覽
鐵人賽 Modern Web DAY 18
「你知道這是什麼嗎？」小白也能輕鬆瞭解的 Vue3 單元測試！Feat. Vitest + Vue Test Utils 系列 第 18 篇

技術 【語法ノ章】元件測試：容器（Wrapper）

本系列文已重新編排並新增內容出版成冊，若您喜歡透過書籍來閱讀的話，歡迎至天瓏書局下單選購唷！ ShawnL - Vue.js 3前端測試入門從這裡開始...

ShawnL ‧ 2022-10-03
2 Like 1 留言 3666 瀏覽
鐵人賽 Modern Web DAY 17
真的好想離開 Vue 3 新手村 feat. CompositionAPI 系列 第 17 篇

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

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

安揪拉 ‧ 2022-10-02
0 Like 0 留言 1591 瀏覽
鐵人賽 Modern Web DAY 18
派對動物嗨起來！ 系列 第 18 篇

技術 D18 - 玩家一起粗乃玩！

本系列文已改編成書「甚麼？網頁也可以做派對遊戲？使用 Vue 和 babylon.js 打造 3D 派對遊戲吧！」 書中不只重構了程式架構、改善了介面設計，還新...

鱈魚 ‧ 2022-10-02
0 Like 0 留言 3051 瀏覽
鐵人賽 Modern Web DAY 17
「你知道這是什麼嗎？」小白也能輕鬆瞭解的 Vue3 單元測試！Feat. Vitest + Vue Test Utils 系列 第 17 篇

技術 【概念ノ章】測試工具： Vue Test Utils 與元件測試

本系列文已重新編排並新增內容出版成冊，若您喜歡透過書籍來閱讀的話，歡迎至天瓏書局下單選購唷！ ShawnL - Vue.js 3前端測試入門從這裡開始...

ShawnL ‧ 2022-10-02
0 Like 0 留言 3088 瀏覽
鐵人賽 Modern Web DAY 16
「你知道這是什麼嗎？」小白也能輕鬆瞭解的 Vue3 單元測試！Feat. Vitest + Vue Test Utils 系列 第 16 篇

技術 【試験ノ章】第一個測驗：測試情境案例、Setup & Teardown 與 Matchers

本系列文已重新編排並新增內容出版成冊，若您喜歡透過書籍來閱讀的話，歡迎至天瓏書局下單選購唷！ ShawnL - Vue.js 3前端測試入門從這裡開始...

ShawnL ‧ 2022-10-01
0 Like 0 留言 1541 瀏覽
鐵人賽 Modern Web DAY 17
派對動物嗨起來！ 系列 第 17 篇

技術 D17 - 所以我說那個搖桿呢？

本系列文已改編成書「甚麼？網頁也可以做派對遊戲？使用 Vue 和 babylon.js 打造 3D 派對遊戲吧！」 書中不只重構了程式架構、改善了介面設計，還新...

鱈魚 ‧ 2022-10-01
1 Like 0 留言 2802 瀏覽
鐵人賽 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 0 留言 9892 瀏覽
鐵人賽 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
iThome鐵人賽
參賽組數
929 組
團體組數
32 組
累計文章數
20378 篇
完賽人數
534 人
iT+看影片追技術 看影片追技術 看更多
熱門tag
15th鐵人賽 16th鐵人賽 13th鐵人賽 18th鐵人賽 17th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# linux windows server css
熱門問題
熱門回答
熱門文章
IT邦幫忙