Vuex-persistedstate

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!

State is simply an object that contains the properties that need to be shared within the application : This state object only has a numbers array. Mutations are functions responsible in directly mutating store state. In Vuex, mutations always have access to state as the first argument.

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.