Vue 路由跳转深度解析 $router.push VS location.href

木易士心

发布于 2026-02-27 09:46:20

630

概述

在 Vue 单页应用（SPA）中，页面跳转是一个看似简单实则暗藏玄机的话题。this.$router.push('/login') 和 window.location.href = '/#/login' 表面上都能实现"跳转到登录页"的效果，但其背后的实现机制、对应用状态的影响、以及在不同场景下的行为差异，直接关系到应用的稳定性、用户体验和可维护性。本文将从底层原理、架构设计、源码实现等多个维度进

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

vue-router