問(wèn)題總結(jié);最近在寫(xiě)vue移動(dòng)端的項(xiàng)目的時(shí)候,當(dāng)我切換菜單,再切換換回去的時(shí)候,發(fā)現(xiàn)頁(yè)面出現(xiàn)閃動(dòng)的效果,其原因是因?yàn)榍袚Q回去之后,頁(yè)面重新渲染了;為了解決這一問(wèn)題:查閱資料,只需要在 入口文件 App.vue 的router-view外層包裹一個(gè)keep-active標(biāo)簽,表示該組件被保存在內(nèi)存中,不需要重新渲染dom

keep-alive 是Vue的內(nèi)置組件，能在組件切換過(guò)程中將狀態(tài)保留在內(nèi)存中，防止重復(fù)渲染DOM。結(jié)合vue-router中使用，可以緩存某個(gè)view的整個(gè)內(nèi)容。

基本使用如下:

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

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

轉(zhuǎn)載于:https://www.cnblogs.com/xieli26/p/10038230.html

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。