vue使用keep-alive优化网页性能
我们可以看下当我们每次点击进入当前城市然后退出都会执行一次生命周期,要是我们点击同一个相同的也会执行,这样不利于网页优化,不过vue给我们提供了一个标签keep-alive
我们可以在home文件中使用keep-alive标签,这样我们点击相同的标题他会使用缓存里的数据,还要加上个生命周期函数activated不然点击不同的标签他也用的是缓存中的,这样使我们的页面无法得到最新数据
这样完美解决了每次点击相同的城市页面再次请求数据影响性能的问题。