我试图存储登录我的应用程序的用户。我使用 store.js 文件来使用 vuex 并保存我的变量。
import Vue from 'vue'
import Vuex from 'vuex'
import createPersistedState from 'vuex-persistedstate'
import Cookies from 'js-cookie'
Vue.use(Vuex)
export const store = new Vuex.Store({
state: {
userloged: ''
}
})
Run Code Online (Sandbox Code Playgroud)
我在 main.js 上声明了 store 变量并以这种方式使用,当我在我使用的登录组件中保存用户名时,
this.$store.state.userloged = this.username;
Run Code Online (Sandbox Code Playgroud)
当我要在其他组件中使用时,我是这样得到的,
computed:{
userloged() {
return this.$store.state.userloged;
}
},
Run Code Online (Sandbox Code Playgroud)
但是如果我刷新页面,我就会丢失信息。我能做什么?