需求
点击左侧菜单,右侧就显示相应的内容,这个是通过路由来实现的
但是点击右测内容,展示左侧不同的标题,这个该怎么搞?
大致思路
1 将当前选中的数据进行保存
2 进行数据的实时更新
疑惑点
- 使用localStroge,sessionStroge,虽然可以保存数据,但是不能做到数据的同步
- 使用vuex虽然可以保持数据的同步,但是页面刷新数据就没了,因为它本身没有真正的存储数据的功能
具体操作实例
-
下载可以使vuex保存数据的插件
npm i -S vuex-persistedstate
-
在vuex初始化时候,作为组件引入,并且进行配置
