在 Vue 中触发跳转的方法有:编程式导航:使用 this.$router.push() 方法。声明式导航:使用 <router-link to="目标路由">组件。

Vue 跳转触发
在 Vue 应用中,可以使用以下方式触发跳转:
1. 编程式导航
<code class="javascript">this.$router.push('/about')</code>2. 声明式导航
立即学习“前端免费学习笔记(深入)”;
<code class="html"><router-link to="/about">About</router-link></code>
详细解释:
编程式导航
- 使用
this.$router.push('/about')方法触发导航。 -
push()方法将新的路由条目推入浏览器历史记录堆栈,从而触发跳转。 - 可以使用
replace()方法代替push(),不会创建新的历史记录条目,而是替换当前条目。
声明式导航
- 使用
<router-link>组件触发导航。 -
to属性指定目标路由。 - 当用户点击
<router-link>组件时,将触发导航。 - 声明式导航更简单,因为不需要在 JavaScript 中编写代码。
注意事项:
-
$router对象通过this上下文访问,仅在 Vue 组件中可用。 - 触发跳转时,会触发
beforeRouteLeave和beforeRouteEnter钩子函数。 - 跳转后的路由信息可在
$route对象中获取。








