vuex刷新页面数据不丢失

需求

点击左侧菜单,右侧就显示相应的内容,这个是通过路由来实现的
但是点击右测内容,展示左侧不同的标题,这个该怎么搞?

大致思路

1 将当前选中的数据进行保存
2 进行数据的实时更新

疑惑点

  1. 使用localStroge,sessionStroge,虽然可以保存数据,但是不能做到数据的同步
  2. 使用vuex虽然可以保持数据的同步,但是页面刷新数据就没了,因为它本身没有真正的存储数据的功能

具体操作实例

  1. 下载可以使vuex保存数据的插件
    npm i -S vuex-persistedstate

  2. 在vuex初始化时候,作为组件引入,并且进行配置
    vuex刷新页面数据不丢失