和 相似， 是一个抽象组件：它自身不会渲染一个 DOM 元素，也不会出现在组件的父组件链中。当组件在 内被切换，它的 activated 和 deactivated 这两个生命周期钩子函数将会被对应执行。主要用于保留组件状态或避免重新渲染。keep-alive 是 Vue 的内置组件，在组件切换过程中将状态保留在内存中，等再次访问的时候，还保持着离开之前的所有状态，而不是重新初始化。这两个钩子在服务器端渲染期间不被调用。我们在实际开发项目中会有一些需求，比如跳转到详情页面时，需要保持列表页的滚动条的位置，返回的时候依然在这个位置，这样可以提高用户体验，这个时候就可以使用缓存组件 keep-alive 来解决。
暂无评论