Vue 进阶面试题, Vue 的 keep-alive 有哪些生命周期钩子?

Step 1

Q:: 什么是 Vue 的 keep-alive 组件？

A:: Vue 的 keep-alive 是一个内置组件，用于缓存动态组件，避免重复渲染。它通常用于需要频繁切换的视图组件，以提升性能。

Step 2

Q:: Vue 的 keep-alive 有哪些生命周期钩子？

A:: keep-alive 组件有两个特有的生命周期钩子：activated 和 deactivated。activated 在组件被激活时调用，deactivated 在组件被停用时调用。

Step 3

Q:: 在实际使用中，keep-alive 的常见使用场景是什么？

A:: keep-alive 常用于缓存路由切换过程中频繁使用的组件，比如表单或用户输入页面，避免用户在切换视图后丢失输入内容或需要重新加载数据。

Step 4

Q:: 如何在 keep-alive 中选择性地缓存组件？

A:: 可以通过 include 和 exclude 属性来选择性缓存组件。include 接受一个字符串或正则表达式，匹配的组件将被缓存；exclude 则是排除特定的组件不被缓存。

Step 5

Q:: keep-alive 的 max 属性有什么作用？

A:: keep-alive 的 max 属性用于指定最多可以缓存多少个组件实例。当超过这个数量时，最久未被访问的实例将被销毁。