問題總結;最近在寫vue移動端的項目的時候,當我切換菜單,再切換換回去的時候,發現頁面出現閃動的效果,其原因是因為切換回去之后,頁面重新渲染了;為了解決這一問題:查閱資料,只需要在 入口文件 App.vue 的router-view外層包裹一個keep-active標簽,表示該組件被保存在內存中,不需要重新渲染dom

keep-alive 是Vue的內置組件，能在組件切換過程中將狀態保留在內存中，防止重復渲染DOM。結合vue-router中使用，可以緩存某個view的整個內容。

基本使用如下:

<keep-alive><component><!-- 該組件將被緩存！ --></component> </keep-alive>

原文鏈接:https://www.jb51.net/article/131110.htm

轉載于:https://www.cnblogs.com/xieli26/p/10038230.html

總結

以上是生活随笔為你收集整理的vue2中的keep-alive使用总结及注意事项的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。