今天看到一个面试题,问vuex在页面刷新之后还保不保存?
我来了做一个测试,
store部分:
new Vuex.Store({
state:{
name:''
},
mutations:{
change(state,name){
state.name=name;
}
}
})
设定两个页面,他们的路由为:’/login’ ’ /index’
login.vue
<h5>{{this.$store.state.name}}</h5>
<button @click="changeValue">修改store中的值</button>
这个页面功能
提取state状态和修改state状态
实现页面跳转到/index
index.vue
<div>{{this.$store.state.name}}</div>
这个页面就是一个简单的state状态展示。
流程
从./login到./index页面的跳转,数据得到了展示
但是我们在这个页面按下f5刷新,状态就没有了。
也就是说在你按下f5的操作,他相当于把你这个页面所用到的组件都重新执行一遍了,之前的那些没有执行的组件,对store的状态修改也不会生效了。