這篇文章將為大家詳細(xì)講解有關(guān)Vue中頁面切換和a鏈接的本質(zhì)區(qū)別是什么，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關(guān)知識有一定的了解。

創(chuàng)新互聯(lián)自2013年創(chuàng)立以來，先為薛城等服務(wù)建站，薛城等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為薛城企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

Vue-router是伴隨著Vue框架出現(xiàn)的路由系統(tǒng)，它也是公認(rèn)的一種優(yōu)秀的路由解決方案。在使用Vue-router時候，我們常常會使用其自帶的路徑跳轉(zhuǎn)組件Link,通過實現(xiàn)跳轉(zhuǎn)，這和傳統(tǒng)的何其相似！但它們到底有什么具體的區(qū)別呢？

對比，Link組件避免了不必要的重渲染

A -- 通過標(biāo)簽實現(xiàn)頁面跳轉(zhuǎn)：（圖中的例子將會在下面詳細(xì)解答）

圖一

圖二

圖三

B --通過組件實現(xiàn)頁面跳轉(zhuǎn)：

圖一

圖二

只更新變化的部分從而減少DOM性能消耗

Vue的創(chuàng)新之處在于，它利用虛擬DOM的概念和diff算法實現(xiàn)了對頁面的"按需更新"，Vue-router很好地繼承了這一點(diǎn)，譬如上圖所示，導(dǎo)航組件和三個Tab組件（通過...,通過...,通過...）的重渲染是我們不希望看到的，因為無論跳轉(zhuǎn)到頁面一或是頁面二，它只需要渲染一次就夠了。組件幫助我們實現(xiàn)了這個愿望，反觀標(biāo)簽，每次跳轉(zhuǎn)都重渲染了導(dǎo)航組件和Tab組件試想一下，在一個浩大的項目里，這多么可怕！我們的"渲染"做了許多"無用功"，而且消耗了大量彌足珍貴的DOM性能！

關(guān)于Vue中頁面切換和a鏈接的本質(zhì)區(qū)別是什么就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。