問題回答 Composition API 是以邏輯功能來分割程式碼，像是寫原生 JavaScript 一樣，我們會把實現同樣功能的程式碼寫在附近。但 Options API 是以程式碼的性質來分割程式...
以物件做props的傳遞 我們先來看看一個例子!在這裡我們先用props把外層元件的data裡的items的陣列傳遞近來，然後在template裡去寫我們要呈現出來的HTML。 這裡我們運用v-for...
還記得區域元件有自己的作用域嗎？已知外層元件可以跟內層元件傳遞資料(props)，或是傳遞事件(emit)，但是當有另外兩個子元件，彼此需要傳遞又該怎麼做？ mitt 介紹 概念圖： Vue 2中要...
為什麼要特別寫 Form 表單攻略呢？因為這是使用者可以輸入資料的常見途徑，一種可以「寫入」資料的方式。 為了使用者可以將資料好好的寫入，單一資料流安排了一系列的旅程讓資料流動。下面來圖解一下上一次的...
前面的 socket.io 使用原生 JS 來寫 Demo，這邊就試著改用框架來處理，不過畢竟目前還是 Demo 練習性質，所以就直接用 CDN 引入，不使用 cli，至於版本的部分，暫時先用 2.6...
在沒有框架前，條件判斷都是寫在 Javascript 裡面，但是有了 Vue 之後，可以直接在 HTML 需要判斷的 tag 中寫入判斷式，大幅減少程式碼量。 Vue 範例程式碼 同樣先附上今天練習...
免責聲明:最近跟著中了"魷魚遊戲"的毒，哈哈哈這個遊戲，相信大多數的人都有玩過~不過，我們的遊戲沒有大筆獎金，也不需要打打殺殺 XD 所以最後，我們不免俗的也是透過實作一個小專題...
昨天介紹了Vuex是什麼，也知道了它的流程，今天當然也要來實作一下Vuex啦~這個實作會沿用第26天vue-router的專案來實作Vuex的Actions, Mutations和State，也就是要...
What's Cypress Cypress 是 Vue.js 官方推薦的一個 E2E Testing Library，也是這次 E2E Testing 主題所要分享介紹的主角，有別於其他大多是基於...
Hi Dai Gei Ho~ 我是 Winnie ～ 記得有一句話是這麼說的 肝 若不好 人生是黑白的，肝 若好 人生是彩色的。 所以為了讓我們可以少吃一顆保肝丸，在 今天的文章中，我們要來介紹...