component傳遞的最後一個招，前面示範了由內傳到外、外傳到內...等，但是子元件的子元件的子元件，需要父元件資料，我們只能使用props，一個一個往下傳，這時就可以使用provide和injec...
這篇我一直都很想講!因為自己剛開始也分不清楚這兩個差別到底在哪，相信一定會有人跟我一樣的對吧!!那就直接開始今天的內容吧~ 開始~ 組件和new Vue在選項設定上有兩個不一樣的地方 el:只有在...
昨天我們最後說了我們如何把父元件的資料props到子元件，今天的話我就來說說如何將子元件處理好的狀態回傳給父元件吧。 先給大家一個認知「Props in, Event out」，父層透資料透過prop...
延續昨日今天我們且戰且走首先先把最簡單的排序專案方法搞定先創一個sortby function methods:{ sortBy(val){ this.projects...
在經過前兩天簡單的介紹 Cypress，現在我想透過一個實際的範例來讓大家更加了解 Cypress 以及到底如何攥寫 E2E 測試。 Vue3 E2E Testing: Cypress 基本介紹...
不過，除了在參數傳遞路由之外，還有一種情況是在母路由之外，還有子路由需要被切換，這種狀況我們稱作巢狀路由。 若要設定巢狀路由，可以透過children屬性: { path: '/About',...
Vuex 結構分為 state getters mutations actions 四個部分 State Vuex 使用 single state tree 單一狀態樹，一個包含應用程式狀態的物件。使...
什麼是單向綁定什麼是雙向綁定?簡單來說一個只有單方面的傳送，另一個則是可以來回傳，wow講完了，今天就到這好了。 等等不對吧，這麼快!!!當然是開玩笑的。 雙向綁定 簡而言之，雙向綁定就是model的...
問題回答 這個例子會示範以 Compositions API 開發一個簡單的圖片輪播。先打 API 從遠端取得資料，之後把資料渲染到畫面，並加入輪播功能，而且輪播功能使用了 Vue 的 transit...
Hi Dai Gei Ho~ 我是 Winnie ～ 今天的文章中，我們要來說說 v-if ＆ v-for 一起使用的坑。在開始之前，想先請大家來看看以下情境： 當我們有一筆關於方塊的樣式資料，需...