Vue Router push方法的使用

Vue Router push方法的使用

this.$router.push 是 Vue Router 提供的一个方法，用于在 Vue.js 应用中进行编程式导航。它的作用是将用户导航到应用中的不同路由。

基本作用

this.$router.push 方法会在浏览器历史记录中添加一个新的记录，并导航到指定的路由。它的工作方式类似于点击一个 <router-link> 组件，或者在浏览器中手动输入 URL 后点击回车。

使用示例

以下是一些使用 this.$router.push 的示例：

1. 简单导航

假设你在一个组件中想要导航到路径 /about：

<template>
  <div>
    <button @click="goToAbout">Go to About</button>
  </div>
</template>

<script>
export default {
  methods: {
    goToAbout() {