keep-alive缓存的数据无法在页面刷新问题，Vue中浏览器全局刷新

问题：

vuex数据更新了但页面的数据没有更新，页面的组件是用keep-alive包裹进行缓存的，如何解决组件更新问题

简述解决方案：

在一级路由下有四个二级路由
利用keep-alive将四个组件包裹，进行缓存
在城市组件中，添加点击城市的事件
点击后判断是否更改了城市，如果更改了就修改vuex的数据，跳转页面，指定浏览器刷新
若没有更新就直接跳回页面

一级路由中的keep-alive

city组件

vuex里面的数据设置

浏览器页面：

这篇博客完善了之前的城市渲染，解决了keep-alive的bug
第一篇城市渲染