keep-alive

流氓也是种气质 _Cookie

13 vue3之内置组件keep-alive有时候我们不希望组件被重新渲染影响使用体验；或者处于性能考虑，避免多次重复渲染降低性能。而是希望组件可以缓存下来,维持当前的状态。这时候就需要用到keep-alive组件。

vue 生命周期钩子函数 keep-alive activated deactivated在被keep-alive包含的组件/路由中，会多出两个生命周期的钩子:activated 与 deactivated。在 2.2.0 及其更高版本中，activated 和 deactivated 将会在树内的所有嵌套组件中触发。activated在组件第一次渲染时会被调用，之后在每次缓存组件被激活时调用。

Hello_my_new_world

解决wangEditor使用keep-alive缓存后，调用editor.cmd.do()失败前提：wangeditor版本：4.7.11 vue版本：vue2问题：在使用wangeditor富文本编辑器时，需求需要通过点击一个按钮，手动插入定义好的内容，所以使用了 editor.cmd.do('insertHTML', '....') 方法新增内容。但当页面使用keep-alive缓存后，切换到其他页面再切换回编辑器，此时直接调用手动插入内容，Console报错：Uncaught TypeError: Cannot read properties of undefined (reading 'p

keep-alive缓存，三级路由不生效此文章讲诉在vue中使用keep-alive缓存，三级路由缓存失败处理方案。一二级路由缓存无任何问题，三级以上就会失败，因此我们在路由守卫中对matched做出如下优化

前端呆头鹅

缓存滚动位置：解决keep-alive组件缓存滚动位置失败问题怎样在vue中缓存组件？大家都知道，使用keep-alive组件即可，但是使用keep-alive缓存页面后，发现虽然页面缓存成功了，但是列表的滚动条又自动回到了最上方。