等待的時候很無聊，所以我們加點動畫
基本的動畫是用來告訴使用者動作執行結果，做到這樣使用者才知道自己剛剛做的事情有沒有完成

要是你跟老闆說：現在我們專案的畫面好看了，但是功能全壞了
老闆應該會一臉問號問你在講什麼？
廢話不多說，趕快來修好上一篇中被我們弄壞的功能！

重構可能會造成一些功能癱瘓，本章先著重在畫面，讓畫面變美美噠
後續的文章會把功能修復，莫急莫慌莫害怕

先前我們已經把電商的基本功能完成了，只是畫面有點差強人意。
在這一節中我們使用 Element UI 來讓畫面更加美觀

很多時候我們會把功能封裝到組件內，以便重複使用組件，而在組件內我們會定義很多方法名稱去呼叫不同的事件
這中間只要有一個字打錯，整個流程就會錯誤，並且非常難除錯，因此我們會使用常數維持一致
打錯字的時候就會報錯，方便除錯

隨著我們的迷你電商網站越來越完整，在 Vuex store 中的程式也越來越龐大
不只有 getters、mutation 還有 actions
在章節中先試著將這些複雜的邏輯拆分成個別的檔案，抽出 Getters、Mutations 和 Actions 邏輯

有時候我們需要 computed store 中的 state，在每個組件中複製貼上同樣的 computed 似乎不是一個明智的作法
Vuex Getter 是 Vuex 提供讓我們可以對 Vuex store 中 state 資料做預處理的方法，就可以達成這個目的