vue中不用路由点击跳转页面

如果您不想使用Vue Router来进行页面跳转，您可以使用`router-link`组件或者`window.location`对象来实现。下面分别介绍这两种实现方式：

### 使用`router-link`实现页面跳转

`router-link`是Vue Router提供的一个组件，用于在Vue应用中实现页面跳转。您可以在模板中使用`router-link`组件来创建一个链接，当用户点击链接时，Vue Router会自动进行跳转。

下面是一个简单的示例，演示如何在Vue中使用`router-link`实现页面跳转：

<template>
  <div>
    <h1>首页</h1>
    <router-link to="/about">关于我们</router-link>
  </div>
</template>

在上面的示例中，我们使用`router-link`组件创建了一个链接，当用户点击链接时，Vue Router会自动跳转到`/about`路径。

### 使用`window.location`实现页面跳转

如果您不想使用Vue Router来实现页面跳转，您可以使用`window.location`对象来进行跳转。`window.location`对象包含了当前页面的URL信息，您可以通过修改它的属性来实现页面跳转。

下面是一个简单的示例，演示如何在Vue中使用`window.location`对象实现页面跳转：

<template>
  <div>
    <h1>首页</h1>
    <button @click="goToAbout">关于我们</button>
  </div>
</template>

<script>
export default {
  methods: {
    goToAbout() {
      window.location.href = '/about';
    }
  }
};
</script>

在上面的示例中，我们在按钮的点击事件处理程序中使用`window.location.href`属性来实现页面跳转。当用户点击按钮时，页面会自动跳转到`/about`路径。