溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章將為大家詳細講解有關Vue中頁面切換和a鏈接的本質區別是什么，文章內容質量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關知識有一定的了解。
Vue-router是伴隨著Vue框架出現的路由系統，它也是公認的一種優秀的路由解決方案。在使用Vue-router時候，我們常常會使用其自帶的路徑跳轉組件Link,通過<Link to="path"></Link>實現跳轉，這和傳統的<a href="path" rel="external nofollow" ></a>何其相似！但它們到底有什么具體的區別呢？
對比<a>，Link組件避免了不必要的重渲染
A -- 通過<a>標簽實現頁面跳轉：（圖中的例子將會在下面詳細解答）
圖一
圖二
圖三
B --通過<Link>組件實現頁面跳轉：
圖一
圖二
只更新變化的部分從而減少DOM性能消耗
Vue的創新之處在于，它利用虛擬DOM的概念和diff算法實現了對頁面的"按需更新"，Vue-router很好地繼承了這一點，譬如上圖所示，導航組件和三個Tab組件（通過...,通過...,通過...）的重渲染是我們不希望看到的，因為無論跳轉到頁面一或是頁面二，它只需要渲染一次就夠了。<Link>組件幫助我們實現了這個愿望，反觀<a>標簽，每次跳轉都重渲染了導航組件和Tab組件試想一下，在一個浩大的項目里，這多么可怕！我們的"渲染"做了許多"無用功"，而且消耗了大量彌足珍貴的DOM性能！
關于Vue中頁面切換和a鏈接的本質區別是什么就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
