當一個用戶成功登錄后，我們通常需要在應用程序中存儲用戶的登錄狀態。在vue中，這個過程可以通過創建一個中央存儲庫來完成。我們可以使用VueX來完成任務。

VueX是Vue應用程序的狀態管理模式，它能夠在應用程序中實現集中式狀態管理。在VueX中，包含狀態的對象被存儲在一個中央存儲庫中，這個存儲庫可以在應用程序的所有組件中訪問。

//創建VueX store
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
const store = new Vuex.Store({
state:{
isLoggedIn: false
},
mutations:{
changeLogin (state, payload){
state.isLoggedIn = payload
}
}
})
export default store

在上面的代碼中，我們通過使用VueX的mutation來改變用戶登錄狀態。我們創建了一個isLoggedIn屬性，它的值初始為false。 當我們發起一個名為changeLogin的mutation時，我們可以通過傳遞一個布爾值參數來切換登錄狀態。

//在組件中使用VueX store

在上述示例中，我們使用mapState和mapMutations來從VueX存儲庫中映射我們的狀態和mutations。 這使得我們可以輕松地將存儲庫中的狀態引入到我們的組件，并在需要時修改它們。

對于一個應用程序而言，用戶登錄狀態的管理是很重要的事情。通過使用VueX，我們可以創建一個集中式存儲庫，并從應用程序的所有組件中快速訪問這個存儲庫。這使得我們可以輕松地實現用戶登錄狀態的管理。如果您正準備構建一個面向用戶的Vue應用程序，那么VueX是您應該選擇的狀態管理工具。