Vue项目城市选择页-列表性能优化(8-7)

列表性能优化

手指放在上面滑动,我们的值就会变,但是这样写我们的性能很低。因为我们每一次滑动的时候都会重新计算一次。
在这里插入图片描述

加一个生命周期钩子updated
在这里插入图片描述
因为我们的值一开始我们都设置为空的,那么每次获取json都会重新刷新一次。那如果我们用updated可以解决我们每次刷新要再次加载的低性能。

节流
在这里插入图片描述
我们每次滑动的时候,频率都非常大,所以我们要做一个节流。
在这里插入图片描述
其实就是加定时器。

已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 数字20 设计师:CSDN官方博客 返回首页