Vue Router: $router.push 和 $router.replace 跳转相同路由的区别

在 Vue Router 中，$router.push 和 $router.replace 都是用来进行路由跳转的，但它们在处理相同路由跳转时存在一些区别。

$router.push 跳转相同路由时，不会触发组件的销毁和重新创建，因此不会执行 created、mounted 等生命周期钩子函数，也不会重新渲染组件。而 $router.replace 则会重新执行一次组件的生命周期钩子函数，并重新渲染组件。

此外，$router.push 会将路由记录添加到浏览器的历史记录中，可以通过浏览器的后退按钮返回上一个路由。而 $router.replace 则会替换当前的路由记录，无法通过后退按钮返回上一个路由。

总结一下，$router.push 和 $router.replace 的区别主要体现在以下方面：

• $router.push 会将路由记录添加到浏览器的历史记录中，$router.replace 会替换当前的路由记录。
• $router.push 跳转相同路由时不会触发组件生命周期钩子函数，$router.replace 会触发组件生命周期钩子函数。

选择使用 $router.push 还是 $router.replace 需要根据实际情况进行判断。如果需要保留路由历史记录，可以使用 $router.push；如果需要替换当前路由记录，可以使用 $router.replace。