![[vue] keep-alive 缓存 切换页面，保持状态_缓存](https://file.cfanz.cn/uploads/png/2022/12/21/2/66W4cd4T89.png "在这里插入图片描述")
![[vue] keep-alive 缓存 切换页面，保持状态_vue.js_02](https://file.cfanz.cn/uploads/png/2022/12/21/2/FQV7281Gf5.png "在这里插入图片描述")
![[vue] keep-alive 缓存 切换页面，保持状态_缓存_03](https://file.cfanz.cn/uploads/gif/2022/12/21/2/KR01133a20.gif "在这里插入图片描述")
![[vue] keep-alive 缓存 切换页面，保持状态_vue.js_04](https://file.cfanz.cn/uploads/png/2022/12/21/2/0bN229d871.png "在这里插入图片描述")
点击B，B会渲染，A会销毁
频繁的销毁，渲染，
使用 keep-alive 缓存
![[vue] keep-alive 缓存 切换页面，保持状态_vue.js_05](https://file.cfanz.cn/uploads/png/2022/12/21/2/Ba65aH52HP.png "在这里插入图片描述")
![[vue] keep-alive 缓存 切换页面，保持状态_vue.js_06](https://file.cfanz.cn/uploads/png/2022/12/21/2/7Se0P90NMT.png "在这里插入图片描述")
![[vue] keep-alive 缓存 切换页面，保持状态_vue.js_07](https://file.cfanz.cn/uploads/png/2022/12/21/2/3GYL167G0E.png "在这里插入图片描述")
直接用v-show，也可以达到效果
![[vue] keep-alive 缓存 切换页面，保持状态_缓存_08](https://file.cfanz.cn/uploads/png/2022/12/21/2/1I1DNZVeNX.png "在这里插入图片描述")
![[vue] keep-alive 缓存 切换页面，保持状态_vue.js_09](https://file.cfanz.cn/uploads/png/2022/12/21/2/GWO9cf2K9e.png "在这里插入图片描述")
组件内容复杂用keep-alive，简单用v-show就行
哔哩哔哩-keep-alive
[vue] keep-alive 缓存 切换页面，保持状态
阅读 77
2022-12-21
点击B，B会渲染，A会销毁
频繁的销毁，渲染，
使用 keep-alive 缓存
直接用v-show，也可以达到效果
组件内容复杂用keep-alive，简单用v-show就行
哔哩哔哩-keep-alive
相关推荐
精彩评论（0）
