Vuex資料流:
一開始來談談什麼是資料流。簡單來說，當元件之間需要共享資料，或是要保持資料的一致性，就需要透過 Vuex 來負責管理著各個元件之間的資料流動。它像是一條管道，確保資料能夠正確地傳遞到需要的地方。

狀態資料state:
在 Vuex 裡，我們會將所有共享的資料放在一個地方，稱之為「state」。
這個 state 就像是整個應用程式的狀態大本營，存放著所有元件可能會用到的資料。
狀態資料只能由mutations裡定義的方式更新。

更新器mutations:
而要改變這個 state，我們需要透過「mutations」來進行。
Mutations 就像是我們的大門衛，它負責確保只有特定的途徑才能改變 state。
主要接收從Actions方式來的資料，並將資料更新治狀態機中的state。
這麼做的好處是，我們可以清楚地追蹤到資料變動的來源。

異步處理動作Actions:
如果我們需要做一些異步的操作，比如發送 API 請求，就可以透過「actions」來處理。Actions 會負責呼叫 mutations，來讓我們的 state 進行改變。

最後假設有一個購物車的功能，我們可以在 state 中定義一個名為 cart 的屬性，裡面放著所有購物車的商品清單。當使用者新增商品時，我們可以透過 mutations 更新這個購物車的狀態，保持資料的一致性。

總結來說，Vuex 就像是我們專案的資料管理中心，讓我們可以清楚地追蹤資料的流向，確保整個應用程式的狀態一致性