vue的保活使用技巧

Keep-alive是Vue的内置组件，可以在组件切换时保持内存中的状态，防止DOM被重复渲染

当保活包装动态组件时，它缓存非活动组件实例，而不是销毁它们。像transition一样，keep-alive是一个抽象组件：它不会自己呈现一个DOM元素，也不会出现在父组件链中。

方法1

包含：字符串或正则表达式。只会缓存匹配的组件。

Exclude:字符串或正则表达式。任何匹配的组件都不会被缓存。

排除优先于包括

保活包括='a，b '！-将名为a或b的缓存组件与动态组件结合使用-component : is=' view '/component/keep-alive

方法2(结合berforeRouteEnter，缓存一些页面)

创建的缓存页面将只执行一次，而激活的页面将每次执行。在created中，isFirstEnter=true是第一次做的(因为页面是缓存的，所以总是会生效)，然后在activated中，会判断只有“未返回”和“第一次进入”才会刷新数据。下面应该设置为false，以免错误地缓存标记。进入“列表页面”时，通过路由器钩子函数beforeRouteEnter进行判断，从详细页面将isBack设置为true，即不刷新页面。

这些都是相关的知识点。谢谢你的支持。