流浪のwolf

卷帝

导航

Vue 如何实现组件切换的时候,让组件缓存,不会被销毁

使用场景:我们开发项目的时候,会遇到组件之间的切换,一般都是创建组件销毁组件来回切换 ;但是现在需求是切换组件的时候,另一个组件不会销毁;

基于这个需求 ,我们使用 keep-live 组件包裹起来要切换的组件 ;

keep-live 是 vue 内置的组件 ,避免组件被重新渲染 ;

keep-live 有 2 个钩子函数  activated  - 组件激活触发 ;deactivated 组件失活触发 ;

posted on 2022-11-07 22:10  流浪のwolf  阅读(133)  评论(0编辑  收藏  举报