keep-alive的使用

Posted wjsy

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了keep-alive的使用相关的知识,希望对你有一定的参考价值。

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

技术分享图片

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

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

以上是关于keep-alive的使用的主要内容,如果未能解决你的问题,请参考以下文章

vue.js 源代码学习笔记 ----- keep-alives

Vue.js - 删除从 keep-alive 加载的子组件

vue中的缓存——keep-alive,activated,deactivated

vue项目使用keep-alive的作用

vue keep-alive 使用思路

keep-alive