在vue中,在做路由跳转时,我们通常希望去缓存那些活跃的动态组件,我们就会想到用keep-alive去缓存组件。
但是很多情况下,组件内的数据是通过API获取的动态数据,使用keep-alive缓存后,再次跳转到该组件可能看到的就不是最新的数据。
这时候我们就需要 activated以及deactivated这两个钩子函数,
在create中去请求初始数据,当我们切换组件的时候,在deactived钩子函数中再去刷新数据,这样再次进去组件时,我们都数据都会是最新的,而且感觉不到页面的刷新。
在vue中,在做路由跳转时,我们通常希望去缓存那些活跃的动态组件,我们就会想到用keep-alive去缓存组件。
但是很多情况下,组件内的数据是通过API获取的动态数据,使用keep-alive缓存后,再次跳转到该组件可能看到的就不是最新的数据。
这时候我们就需要 activated以及deactivated这两个钩子函数,
在create中去请求初始数据,当我们切换组件的时候,在deactived钩子函数中再去刷新数据,这样再次进去组件时,我们都数据都会是最新的,而且感觉不到页面的刷新。
本文标题:vue性能优化
本文链接:https://www.haomeiwen.com/subject/hrolmqtx.html
网友评论