iT邦幫忙

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

技術 Day 27: 從 VueUse - useAsyncState 認識 Composable 和非同步處理

前言 會想寫這個題目有兩個原因： 想認識 composable 函式，體驗 Composition API 的強大之處，為什麼可以讓跨元件複用程式碼變得更方便...

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

技術 【語法ノ章】測試替身（Test Double）feat. Vue Test Utils

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

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

技術 D28 - 第一隻企鵝

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

鱈魚 ‧ 2022-10-12
1 Like 0 留言 3166 瀏覽
鐵人賽 Modern Web DAY 26
真的好想離開 Vue 3 新手村 feat. CompositionAPI 系列 第 26 篇

技術 Day 26: 在 Vue router - Navigation Guard 中使用 Pinia store 的小眉角

前言 在 route 中使用 Pinia store 時，不同的 route guard 常常會需要用到同一個 store，我一開始想要少寫一點程式碼XD，減少...

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

技術 D27 - 一人一隻才公平

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

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

技術 【概念ノ章】測試替身（Test Double）：Dummy, Stub, Spy, Fake & Mock

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

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

技術 【試験ノ章】第二個測驗：容器（Wrapper）與容器方法（Wrapper methods）

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

ShawnL ‧ 2022-10-10
1 Like 0 留言 11763 瀏覽
鐵人賽 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 留言 1565 瀏覽
鐵人賽 Modern Web DAY 26
派對動物嗨起來！ 系列 第 26 篇

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

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

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

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

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

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

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

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

安揪拉 ‧ 2022-10-09
2 Like 0 留言 2301 瀏覽
鐵人賽 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 留言 981 瀏覽
鐵人賽 Modern Web DAY 25
派對動物嗨起來！ 系列 第 25 篇

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

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

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

技術 D24 - 完全體企鵝

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

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

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

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

ShawnL ‧ 2022-10-08
1 Like 0 留言 4345 瀏覽
鐵人賽 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 留言 1072 瀏覽
鐵人賽 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 留言 987 瀏覽
鐵人賽 Modern Web DAY 23
派對動物嗨起來！ 系列 第 23 篇

技術 D23 - 爆走企鵝

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Ryan ‧ 2022-10-05
2 Like 0 留言 4576 瀏覽
鐵人賽 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 留言 1171 瀏覽
鐵人賽 Modern Web DAY 20
派對動物嗨起來！ 系列 第 20 篇

技術 D20 - I want to play a game

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

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

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

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

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

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

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

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

技術 D19 - 是誰偷按確定？

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

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

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

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

ShawnL ‧ 2022-10-03
iThome鐵人賽
參賽組數
1064 組
團體組數
40 組
累計文章數
22201 篇
完賽人數
602 人
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js
熱門問題
熱門回答
熱門文章
IT邦幫忙