在vue项目中,有时候切换路由的时候我们并不希望重新去渲染构建这个页面(缓存), 比如在电商项目中,我们从商品列表切换到详情页,再次回到列表时不希望重新构建页面,而是回到我们之前浏览的位置,这就要用到vue中的keep-alived组件。
- 当组件在
<keep-alive>
内被切换,它的activated
和deactivated
这两个生命周期钩子函数将会被对应执行。
> router/index.js
> app.vue
在home.vue中调用activated钩子函数