鐵人檔案
陣列渲染與條件渲染一起使用不建議將 v-for 與 v-if 在同一個 element 中一併使用，改以透過 computed 的方式，先將要顯示的內容過濾後，...
Single Page Application (SPA) 的其中一個特色為：透過定義一個隨著網址或路由 (router) 切換而改變的容器來包覆動態內容，而不...
商品列表頁要列出多項商品卡片，每一個商品卡片都要顯示商品名稱、簡介、縮圖、價格有別於先前建立 components 的方式，為了達到維護簡易性，在 compon...
先前完成的內容，商品價格的顯示還不夠完整，應該還要在前面加入幣值符號，因考量到多處都需要加上，可以使用 filters 來完成，filters 使用的方法如下:...
利用 props 將外部資料導至 component 內，在商品列表每個項目的 onClick 事件將該商品資料動態的更改 props值，如此達到動態更改商品資...
將 ProductInfo 註冊到 ProductApp component 底下，並使用該 component 標籤 <template> ......
輸入欲購買商品數量在商品詳情內容中，還需要提供使用者輸入購買數量的表單欄位、計算金額資訊接著我們實作表單控制，在 ProductInfo.vue 加上表單控制的...
雖然已經完成了商品詳情內容，但電商網頁一般都會以另一個頁面顯示商品內容，現在我們透過 Router 來完成SPA 頁面切換；在 main.js 加入 route...
前面改用 Router 來完成導頁到商品詳情頁，因此資料需要另外在商品詳情頁取得，我們將取得資料服務的邏輯分離出來，利用 service 來處理資料在 src...
實際開發要先寫 test code 再寫 production code.... ProductApp.vue先撰寫 ProductApp 的測試，在根目錄下找...
