Я хочу использовать localStorage, чтобы при перезагрузке страницы данные сохранялись
Я использую vuex, чтобы следить за человеком, зарегистрированным или нет. И хочу, чтобы, когда страница была загружена, человек был зарегистрирован,если он уже авторизовался.
Мой Vuex
export default {
state:{
isRegistered:false
},
actions:{
registrate({commit}) {
commit("login")
},
exit({commit}) {
commit("logout")
}
},
mutations:{
login(state) {
state.isRegistered=true;
},
logout(state) {
state.isRegistered=false
}
},
getters:{
IS_REGISTERED(state){
return state.isRegistered
}
}
}
Мои ссылки в другом компоненте
<template>
<div class="Links" ref="squareExit">
<header class="hat">
<div class="header__buttons">
<div v-if="IS_REGISTERED" id="exit--tittle" @click="openModal">
<button @click="exitFromSystem">Выйти из аккаунта</button>
</div>
<router-link :to="{name:'registration'}">
<button id="registration" v-if="!IS_REGISTERED">Регистрация</button>
</router-link>
</div>
</header>
</div>
</template>
<script>
import {mapActions, mapGetters} from "vuex";
export default {
name: "theLinks",
data() {
return {
isModalOpen: false,
searchValue: ""
}
},
methods: {
...mapActions(["exit"]),
exitFromSystem() {
this.isModalOpen = false
this.exit() // метод в Vuex
}
},
}
Где лучше всего использовать localStorage на сохранение пользователься и как?