vuejs中的keep-alive组件缓存组件问题

一、keep-alive 用法(官方):vue

Props正则表达式

include - 字符串或正则表达式。只有匹配的组件会被缓存。
exclude - 字符串或正则表达式。任何匹配的组件都不会被缓存。api

用法缓存

<keep-alive> 包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。和 <transition> 类似,<keep-alive> 是一个抽象组件:它自身不会渲染一个 DOM 元素,也不会出如今父组件链中。函数

二、当一个组件a.vue被缓存的时候,那么第一次加载这个组件的时候,会执行组件的全部周期函数created()、mounted()等等,可是第二次打开a组件时,就不会触发这些生命周期钩子函数,可是会触发activated 和 deactivated这两个钩子函数(由于被缓存了);生命周期

也能够直接去官网查阅相关资料 keep-alive相关...字符串

相关文章
相关标签/搜索