Vue项目城市选择页-使用Keep-alive优化网页性能（8-11）

使用Keep-alive优化网页性能

当我们每次进入城市页面的时候，我们的json都会重新被加载。

那怎么办呢？
使用keep-alive，什么意思呢？就是当我加载一次之后，我们会把加载过的放入到内存中，下一次再执行这个函数的时候，直接使用。

但是使用keep-alive，在我们需要重新刷新的时候，重新进行请求又有另外的方法。
我们添加一个计算属性，在请求后面加上城市。

当我们使用keep-alive的时候，会自带一个函数activated()，即使我们的数据进入了缓存，当我们刷新也会重新请求，我们可以这样做。

1. 加入一个上一个城市的数据
   
2. 第一次请求的时候将城市赋值给lastCity,当再次刷新的时候，判断是否是上一个城市如果不是，则重新调用getHomeInfo请求。