按钮绑定vue路由跳转

你可以使用 `vue-router` 中的 `router-link` 组件来绑定路由跳转。

首先，在 `router/index.js` 中定义路由：

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

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'home',
      component: Home
    },
    {
      path: '/about',
      name: 'about',
      component: About
    }
  ]
})

在上面的代码中，我们定义了两个路由：`/` 和 `/about`，分别对应 `Home.vue` 和 `About.vue` 组件。

接下来，在你的组件模板中，你可以使用 `router-link` 组件来绑定路由跳转：

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

在上面的代码中，我们使用 `router-link` 组件来绑定了两个路由链接：`/` 和 `/about`。当用户点击这些链接时，Vue Router 会自动跳转到对应的路由。