keep-alive

keep-alive是什么

是Vue的内置组件,能在组件切换过程中将状态保留在内存中,取消组件的销毁函数,防止重复渲染DOM。

业务中的使用

像我在写修漾国际这个项目的时候,没有使用keep-alive的时候,点击列表进入详情页 返回的时候,并不会返回在点击商品的位置
他会返回到顶部,所以这里就可以用到keep-alive,使用keep-alive以后返回的位置就是点击的位置,当然keep-alive一定要使用在
不会活动的组件实例里

怎么使用

我会在路由配置页面使用它 ,在每个路由下面,添加meta使用布尔值来控制,在入口页面使用if判断来使用,

当然也可以用 include、exclude属性来使用keep-alive

include表示写入的名字的vue文件会被缓存 其他文件不会被缓存
exclude表示写入名字的vue文件不会被缓存 其他文件都会被缓存

posted @ 2020-10-28 15:34  林9九  阅读(82)  评论(0编辑  收藏  举报