原本是想設計一個完整購物車網站，但真的想不出來要找甚麼題材還有寫公司介紹甚麼的云云，因此在程式碼的介面命名完全跟內容不搭嘎，只有產品介面是相符的。由於學過React之後，Vue上手就比較快，雖然已經出Vue3.0但是還在rc階段所以我還是先學2，等之後多一點資源出來會再轉3開發，這邊使用Vuex的倉庫儲存所有的資料並且用mapActions跟mapGetters去取得與改變倉庫資料，很像Redux中的useSelector與useDispatch。這個網頁app有四個頁面做練習，第一個介面是登入與登出並且可以切換語系並且禁止未登入便連進其他頁面，第二個頁面是用bootstrap4改寫ithome的範例，以高雄1999 OPENDATA的資料去做async的loading介面，第三個是購物車購買狀態，參照w3school的模板設置購物車，訂單狀態的應用。最後一個就是最經典的TodoList備忘錄練習，去過濾已經做好跟沒做好的項目。 網頁連結：<a href="https://xiu43317.github.io/vueworks/">Demo</a> Github：<a href="https://github.com/xiu43317/vueworks">不搭嘎的購物車</a>