在vue项目中,有时候切换路由的时候我们并不希望重新去渲染构建这个页面(缓存), 比如在电商项目中,我们从商品列表切换到详情页,再次回到列表时不希望重新构建页面,而是回到我们之前浏览的位置,这就要用到vue中的keep-alived组件。

  •  当组件在 <keep-alive> 内被切换,它的 activated 和 deactivated 这两个生命周期钩子函数将会被对应执行。

  > router/index.js

  vue中keepalived的使用

 

 

   > app.vue

  vue中keepalived的使用

 

 

   在home.vue中调用activated钩子函数

  vue中keepalived的使用

 

相关文章:

  • 2022-12-23
  • 2021-11-19
  • 2022-12-23
  • 2022-12-23
  • 2021-12-14
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2021-05-10
  • 2022-12-23
  • 2021-05-23
  • 2022-12-23
  • 2021-09-20
  • 2023-04-05
  • 2022-12-23
相关资源
相似解决方案