前言 Vue 3 提供 Option API 和 Composition API 兩種寫法，Option API 是延伸自 Vue 2 的寫法，Composit...
本系列文已重新編排並新增內容出版成冊，若您喜歡透過書籍來閱讀的話，歡迎至天瓏書局下單選購唷！ ShawnL - Vue.js 3前端測試入門從這裡開始...
誰適合看這篇 不知道 npm run dev、npm run build、npm run preview 的用處 不知道「打包」做了哪些事？為什麼前端需要打包...
本系列文已改編成書「甚麼？網頁也可以做派對遊戲？使用 Vue 和 babylon.js 打造 3D 派對遊戲吧！」 書中不只重構了程式架構、改善了介面設計，還新...
鱈魚
‧
2022-09-19
本系列文已重新編排並新增內容出版成冊，若您喜歡透過書籍來閱讀的話，歡迎至天瓏書局下單選購唷！ ShawnL - Vue.js 3前端測試入門從這裡開始...
本系列文已改編成書「甚麼？網頁也可以做派對遊戲？使用 Vue 和 babylon.js 打造 3D 派對遊戲吧！」 書中不只重構了程式架構、改善了介面設計，還新...
鱈魚
‧
2022-09-18
本系列文已重新編排並新增內容出版成冊，若您喜歡透過書籍來閱讀的話，歡迎至天瓏書局下單選購唷！ ShawnL - Vue.js 3前端測試入門從這裡開始...
本系列文已改編成書「甚麼？網頁也可以做派對遊戲？使用 Vue 和 babylon.js 打造 3D 派對遊戲吧！」 書中不只重構了程式架構、改善了介面設計，還新...
鱈魚
‧
2022-09-17
本系列文已改編成書「甚麼？網頁也可以做派對遊戲？使用 Vue 和 babylon.js 打造 3D 派對遊戲吧！」 書中不只重構了程式架構、改善了介面設計，還新...
鱈魚
‧
2022-09-16
本系列文已改編成書「甚麼？網頁也可以做派對遊戲？使用 Vue 和 babylon.js 打造 3D 派對遊戲吧！」 書中不只重構了程式架構、改善了介面設計，還新...
鱈魚
‧
2022-09-15
前言的前言 嗨，我是安揪拉，住在 Vue 新手村大概一個多月，接下來要一邊寫鐵人賽、一邊接案，希望能成功活下來 QQ，真的好想離開 Vue 3 新手村啊～我蒐集...
本系列文已重新編排並新增內容出版成冊，若您喜歡透過書籍來閱讀的話，歡迎至天瓏書局下單選購唷！ ShawnL - Vue.js 3前端測試入門從這裡開始...
前言 該系列是為了讓看過Vue官方文件或學過Vue但是卻不知道怎麼下手去重構現在有的網站而去規畫的系列文章，在這邊整理了許多我自己使用Vue重構很多網站的經驗...
前情提要 前兩天，我們開始為 Vue.js • TodoMVC 攥寫 E2E 測試，並分別在 Cypress 實戰之 Todo MVC (上) 完成了 C...
前情提要 昨天，我們為了讓大家更加了解 Cypress 的語法以及要如何攥寫 E2E 測試，所以開始規劃為 Vue.js • TodoMVC 攥寫 E2E 測...
在經過前兩天簡單的介紹 Cypress，現在我想透過一個實際的範例來讓大家更加了解 Cypress 以及到底如何攥寫 E2E 測試。 Vue3 E2E Te...
終於~ 來到鐵人賽的最後一天啦今天的工作就是把小專題剩下的功能給完成，為這次的鐵人賽歡呼~ 完賽啦!!! 我的 vue 翻牌配對小遊戲 修改為按下卡牌後只將該卡...
今天這篇文章主要會介紹 Cypress 的基本結構以及常見的語法，那我們馬上開始吧！ 基本結構 Cypress 的測試基本結構是由 Test Group, Te...
免責聲明:最近跟著中了"魷魚遊戲"的毒，哈哈哈這個遊戲，相信大多數的人都有玩過~不過，我們的遊戲沒有大筆獎金，也不需要打打殺殺 XD 所以...
What's Cypress Cypress 是 Vue.js 官方推薦的一個 E2E Testing Library，也是這次 E2E Testing 主題所...
今天這篇文章主要想介紹兩個重點： 測試使用 Vuex 的元件 測試 Vuex 本身 Testing Component with Vuex 下面是一個使用了...
下面來介紹一下，Vue 3 的一些小小魔法(個人覺得很 Magic ~ 哈哈)，有些是補充說明，有些可能會很少使用到，就連官方都有提醒 " 請謹慎使用...
說了那麼多，感覺還是有點模糊~ 沒關係，我可能也差不多 ( 哈哈 所以還是透過實作練習，讓自己更了解，看見那更明朗的天空吧 目標 : 透過串接 API 接收取到...
Props 與 Computed 是開發元件最常使用的屬性，下面的範例是一個運用 Props 與 Computed 的簡單例子。 import { ref, c...
幾乎每個網站都會使用到表單元素 (Form Elements)，例如登入頁、註冊頁就有非常多個輸入框(<input>)在其中，又或者是網站的 hea...
前一篇說到 該怎麼寫 data 的資料，找回雙向綁定機制 !!!這邊先小小的補充一下 XD 在 Options API 我們 data 裡定義到的東西都可以被...
在 Composition API 當中我們可以將響應式資料和相關業務邏輯結合到一起，是因為 Vue3 的 setup 方法 setup setup 是 V...
Event Handling 在開發元件時一定少不了會需要觸發事件的時候，像是 click 事件、input 事件等等，所以我來用簡單的 Counter 來示範...
在 Vue3 中我們可以使用 Options API 或是 Composition API 選擇一種方式來撰寫，下面來看看甚麼是 Options API ? 甚...
Conditional Rendering 在寫元件時最常見的就是會使用 v-if 來動態插入和刪除元素，我們馬上來看看下面的範例程式。 const Compo...
安揪拉
ShawnL
Mike
Mia Yang
gior__ann
iThome鐵人賽
看影片追技術