在vue項目中,有時候切換路由的時候我們並不希望重新去渲染構建這個頁面(緩存), 比如在電商項目中,我們從商品列表切換到詳情頁,再次回到列表時不希望重新構建頁面,而是回到我們之前瀏覽的位置,這就要用到vue中的keep-alived組件。
- 當組件在
<keep-alive>
內被切換,它的activated
和deactivated
這兩個生命周期鈎子函數將會被對應執行。
> router/index.js
> app.vue
在home.vue中調用activated鈎子函數