本系列文已改編成書「甚麼？網頁也可以做派對遊戲？使用 Vue 和 babylon.js 打造 3D 派對遊戲吧！」 書中不只重構了程式架構、改善了介面設計，還新...
鱈魚
‧
2022-09-23
What's Cypress Cypress 是 Vue.js 官方推薦的一個 E2E Testing Library，也是這次 E2E Testing 主題所...
本系列文已改編成書「甚麼？網頁也可以做派對遊戲？使用 Vue 和 babylon.js 打造 3D 派對遊戲吧！」 書中不只重構了程式架構、改善了介面設計，還新...
鱈魚
‧
2022-09-24
Hi Da Gei Ho～ 初次見面，我是Winnie～ 我是一位剛轉職六個月的菜鳥前端(前身是網頁設計師)，如果對於我的轉職的過程有一絲好奇的朋友的可以看看...
上一篇文章介紹過了選擇使用前端框架的因素，若你的專案符合使用他的條件，或是你現在正在找一份前端工程師的工作，那認識框架就變成勢在必行的功課了，我們選擇介紹的前端...
本系列文已重新編排並新增內容出版成冊，若您喜歡透過書籍來閱讀的話，歡迎至天瓏書局下單選購唷！ ShawnL - Vue.js 3前端測試入門從這裡開始...
Outline 什麼是 SFC 檔 認識 SFC 檔的組成 - Language Block SFC 檔會如何被解析（其實不算重要，但因為我很好奇） 什麼是...
當我們透過vue-cli來建置專案後，因為預設也會幫我們安裝好webpack打包工具，所以我們可以開始使用scss來撰寫我們的樣式檔，這會讓管理上變得比較方便，...
Outline 語法簡介 v-for 與 key 的關係 為什麼要綁定 key 什麼狀況下不能用 index 作為 key v-if & v-...
前言 要在父子元件之間傳遞變數或內容的時候，我們可以使用 props，但如果想要傳遞進去的是一段 template 片段，就要使用到 slot。 最簡單明瞭的...
今天介紹一些 v-model 在 v3 一些改動以及新特性 v-model 搭配 Computed 使用 這個範例只有在 Vue 3 的文件中出現不過看起來 V...
Vue3 + TS Vue3全面可以無縫搭配TS寫法，不用再安裝其他有的沒有的套件！(超棒！) 在Vue裡面使用TS就是在這邊宣告： <sciprt la...
前言 在處理響應式多選表單時，使用 v-model 綁定陣列類型的資料，用 ref() 沒問題，但用 reactive() 卻行不通QQ～為什麼～～～ 就是下面...
本系列文已重新編排並新增內容出版成冊，若您喜歡透過書籍來閱讀的話，歡迎至天瓏書局下單選購唷！ ShawnL - Vue.js 3前端測試入門從這裡開始...
本系列文已改編成書「甚麼？網頁也可以做派對遊戲？使用 Vue 和 babylon.js 打造 3D 派對遊戲吧！」 書中不只重構了程式架構、改善了介面設計，還新...
鱈魚
‧
2022-09-25
在撰寫這篇文章的時候vue 3已經來到了RC9的階段，雖然說可能與正式推出會有差距，但理論上差異應該不會太大，而本系列的文章也不是站在“升級”的角度來進行介紹，...
上集回顧 Composition API 元件中的 setup() 函式可以作為非同步函式使用，在內部可以使用關鍵字 await 等待非同步陳述式執行。 一切聽...
在之前的範例掩飾中，我們透過一個下拉式選單更改後來改變網頁中的值，實現的方法有兩種： 不使用框架，透過Script進行資料更新與畫面更新 使用vue框架，透過...
前言 在 Day 9 和 10 的文章中，我們提到 Vue 3 響應式基礎 - reactive & ref，主要用來攔截資料的讀取跟寫入，讓 Vue...
Credit: https://www.behance.net/gallery/35988339/Style-guide-e-commerce-web-app...
Hi Dai Gei Ho~ 我是Winnie～ 進入Vue章節前的 溫腥提醒：在之後的文章中，預計不會針對 Vue 的基本使用做深入的講解(如:v-mode...
今天介紹前面幾天一直在文中默默出現的 setup 方法 This 當 setup 被 Vue 執行時，元件還沒有被 new 出來，所以在 setup 方法裡不能...
前幾篇文章已經介紹過vue的元件化設計的特色，不僅僅是頁面中的小元件，我們甚至可以將整個頁面都做成一個元件，今天來分享的是除了元件能共用之外，連函數也可以共用，...
在本地化 (localize) 專案時，我們可能會遇到需要處理日期時間顯示的問題，因為日期時間的顯示方式可能會因為每個國家而有所不同，例如： <p>...
Vue 官方很用心地寫了詳細的文件來跟大家解說 What is Reactivity?，內容主要是解說一些 Vue3 如何透過 Proxy 來做到資料驅動，有興...
講到了v-for和v-bind就不得不提key的這個屬性，主要就是要討論透過v-for所渲染的項目，在資料更新時會怎麼處理，若在v-for渲染的項目中“沒有”加...
文章出處 Google 試算表名稱是 Google Sheets，但為了讓大家好理解，以下也會稱 Google Excel。 這一篇說明如何把 Googl...
前言 會想寫這個題目有兩個原因： 想認識 composable 函式，體驗 Composition API 的強大之處，為什麼可以讓跨元件複用程式碼變得更方便...
Template Template 的部分，Vue 3 跟 Vue 2 在關防文件上除了排序與樣式的不同，內容幾乎不變，因此這部分可以預測為完全不需要改動。...
前言 在 route 中使用 Pinia store 時，不同的 route guard 常常會需要用到同一個 store，我一開始想要少寫一點程式碼XD，減少...
Mia Yang
Winnie Wu
史坦利
ShawnL
安揪拉
Cian
Global Rachel
iThome鐵人賽
看影片追技術