keep-alive 是 Vue 内置的一个组件 可以使被包含的组件保留状态，或避免重新渲染 如果不使用keep-alive 每次加载组件都要调用created和destroyed的方法 所以怎么使用keep-alive呢？？？ 使用 ...

最近在学习vue3，在搭建项目的时候，使用 keep-alive 的包裹 router-view 会有警告信息 <router-view> can no longer be used directly inside <transition> or < ...

keep-alive 是Vue提供的一个抽象组件，用来对组件进行缓存，从而节省性能，由于是一个抽象组件，所以在vue页面渲染完毕后不会被渲染成一个DOM元素,使用keep-alive包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们 动态代码如下: <keep-alive ...

需求：在使用keep-alive的同时使用transition动画效果 最开始是这样写的，但是发现报错，而且动画效果失效 这里的话可以换一种思路，让所有的组件都缓存，需要保持缓存状态的组件不变，不需要缓存的则给router-view一个唯一的key值（这里使用时间戳的形式 ...

Vue-router 1 router-link 以上是两种写法，根据参数还会有更多中写法。 经过测试：（1）有component参数时优先router-link中配置的component，没有时从js中配置取 　　　　　（2）path参数至关重要，灵活所在，/user ...

近期入职的单位，希望页面有缓存，想都没想，第一反应就是keep-alive包裹router-view（思路为正解，且原先有解决的经验） 结果，一写出来，懵逼了，效果不是想要的！！！ 开始找问题： 进入到子路由内，父级路由居然刷新了，这是什么神仙操作？？？ 带着一脸的疑惑，那就给父级路由也缓存 ...

原文链接： 点我 在搭建 vue 项目时，有某些组件没必要多次渲染，所以需要将组件在内存中进行‘持久化’，此时 <keep-alive> 便可以派上用场了。 <keep-alive> 可以使被包含的组件状态维持不变，即便是组件切换了，其内的状态依旧维持在内存之中。在下一次 ...

，而C->B->A时B缓存。在vue官方文档2.x以上有include 和 exclude ...