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

1、keep-alive 用法(官方):

Props

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

用法

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

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

也可以直接去官网查阅相关资料 keep-alive相关…

    原文作者:huangsh
    原文地址: https://segmentfault.com/a/1190000013220752
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞