vue 点击跳转路由

在Vue.js中，点击跳转路由通常通过组件之间的导航来进行。Vue Router是一个流行的库，用于管理单页应用(Single Page Application, SPA)中的URL和组件渲染。以下是基本步骤：

1. 首先，安装Vue Router：`npm install vue-router`

2. 在main.js或其他入口文件中，配置router实例：

import Vue from 'vue'
import Router from 'vue-router'
import Home from '@/components/Home.vue'

Vue.use(Router)

const routes = [
  { path: '/', component: Home },
  // 添加其他路由...
]

export default new Router({
  routes
})

3. 在组件中添加链接并处理点击事件：

<!-- Home.vue 或其他组件 -->
<template>
  <button @click="goToOtherPage">跳转到其他页面</button>
</template>

<script>
export default {
  methods: {
    goToOtherPage() {
      this.$router.push('/route-you-want') // 替换为你要去的实际路由路径
    }
  }
}
</script>

当你点击按钮时，`goToOtherPage`方法会被触发，将用户导航到指定的路由。