vue中keepalived的使用


在vue項目中,有時候切換路由的時候我們並不希望重新去渲染構建這個頁面(緩存), 比如在電商項目中,我們從商品列表切換到詳情頁,再次回到列表時不希望重新構建頁面,而是回到我們之前瀏覽的位置,這就要用到vue中的keep-alived組件。

  •  當組件在 <keep-alive> 內被切換,它的 activated 和 deactivated 這兩個生命周期鈎子函數將會被對應執行。

  > router/index.js

  

 

 

   > app.vue

  

 

 

   在home.vue中調用activated鈎子函數

  

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM