Vuex 保存的数据都是在内存中的,当页面刷新时,数据会丢失并回到最初始的值。
    所以对于数据的持久化要借助存储的方法

    • cookie
    • localStorage
    • sessionStorage

    所以在 Vuex 对应的 mutation 中除了修改 state 之外,还对 localStorage 作操作

    在 initial 读取状态时,增加一个读取 localStorage 并对应 muation 设置 state 的 actions。保证 Vuex 与 localStorage 的状态一致