页面刷新之后store还保不保存？

今天看到一个面试题，问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的状态修改也不会生效了。