Vuex-persistedstate

Using localStorage in your Vuex store LocalStorage is a broswer-store you can access in JavaScript — completely independent to the Vuex plugin.14 May 2020

Create the Vuex store This file can be put anywhere. It’s generally suggested to put it in the src/store/store. js file , so we’ll do that.

Vuex is a state management pattern + library for Vue. js applications . It serves as a centralized store for all the components in an application, with rules ensuring that the state can only be mutated in a predictable fashion.

Yes, unfortunately it doesn’t persist . If you open Application/Local Storage in Chrome, there will be no trace of our userId . But there is a solution called vuex-persistedstate! Now if you reload a page once logged in – it will be persisted in local storage on your browser!