需求描述
登出系统时,需将 vuex 中存储的数据,恢复为最初的默认状态。
实现方法
通过 replaceState 方法,将最初的 vuex 的 state 数据作为参数传入即可
完整代码范例
src\store\index.js
import Vue from "vue"; import Vuex from "vuex"; Vue.use(Vuex); export const store_State_init = { isLogin: false, token: "", userInfo: {}, }; export default new Vuex.Store({ state: store_State_init, mutations: { set_userInfo(state, value) { state.userInfo = value; }, set_isLogin(state, value) { state.isLogin = value; }, }, actions: {}, modules: {}, });
src\views\index\index.vue
import { store_State_init } from "@/store";
this.$store.replaceState(store_State_init);