sunny-cheng  

keep-alive是Vue提供的一个抽象组件,用来对组件进行缓存,从而节省性能,

由于是一个抽象组件,所以在v页面渲染完毕后不会被渲染成一个DOM元素

当组件在keep-alive内被切换时组件的activated、deactivated这两个生命

周期钩子函数会被执行

 

例子:

  h3标签绑定事件,点击时颜色为红色

  

 <keep-alive>标签包裹要保存进缓存的路由

  

  

路由对象:

  

 

 当切换路由返回时,任然保存之前状态

  

 

posted on 2019-07-01 14:54  sunny-cheng  阅读(184)  评论(0编辑  收藏  举报