接著我們會把整個專案使用 Docker 來將服務容器化，也會在 MongoDB 設定身份驗證機制
如果對 Docker 不熟的話必須先去了解，才有辦法進行
或是直接跳過這個章節 交給熱心的攤主處理

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

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

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

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

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

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