38、vuex管理使用者地址

1、提交地址資料

（1）透過上一章的學習，我們知道在元件中可以直接commit提交mutations。

（2）所以我們在使用者點選save事件的時候，將資料作為引數提交mutation

使用者點選`save`事件

2、vuex倉庫

（1）上文中在地址編輯頁面提交了一個mutation，然後我們回到store資料夾中，首先應該定義一下state資料，這裡我們的地址應該是一個陣列。

`store`資料夾

（2）然後在mutations.js檔案中，將使用者commit提交的引數賦給這個address陣列

`commit`提交.png

3、獲取state

（1）然後我們就可以去地址列表頁面獲取address資料了
（2）至於forEach函式無非是由於元件需要一個id用於設定預設勾選，所以遍歷一下。

獲取`address資料`

這樣，我們就在我們的商場專案中用vuex管理了使用者的地址。

作者：Ewall_
連結：