码迷,mamicode.com
首页 > 其他好文 > 详细

keep-alive的使用

时间:2019-01-23 17:18:37      阅读:163      评论:0      收藏:0      [点我收藏+]

标签:滚动   http   技术   技术分享   组件   全局   鼠标   scroll   切换   

<keep-alive>是Vue的内置组件,能在组件切换过程中将状态保留在内存中,防止重复渲染DOM。

技术分享图片

<router-view>中间为组件</router-view>

<keep-alive>伴有两个钩子函数activated 在该组件展示的时候执行  deactivated 在该组件关闭或跳转的时候执行,可以用于处理全局事件的移出(如全局注册鼠标滚动的scroll事件时)

keep-alive的使用

标签:滚动   http   技术   技术分享   组件   全局   鼠标   scroll   切换   

原文地址:https://www.cnblogs.com/wjsy/p/10309363.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!