vue点击按钮实现跳转页面

要实现在Vue中点击按钮跳转页面，你可以按照以下步骤进行操作：

1. 首先，在按钮上添加点击事件。你可以使用`@click`指令来监听按钮的点击事件。例如，你可以这样写：

   <button @click="register">登录</button>

这样，当按钮被点击时，会触发名为`register`的方法。

2. 在Vue组件的`methods`中定义`register`方法。在这个方法中，你可以使用`this.$router.push()`来实现页面跳转。例如，你可以这样写：

   methods: {
     register() {
       this.$router.push('/detail')
     }
   }

这里的`'/detail'`是跳转的目标路径，你可以根据实际需要修改。

3. 最后，在Vue组件中引入`router`，并将路由配置和组件关联起来。你可以在Vue实例中使用`VueRouter`创建路由实例，并将其作为选项传递给Vue实例。例如，你可以这样写：

   import Vue from 'vue'
   import VueRouter from 'vue-router'
   import Detail from './Detail.vue'
   
   Vue.use(VueRouter)
   
   const routes = [
     { path: '/detail', component: Detail }
   ]
   
   const router = new VueRouter({
     routes
   })
   
   new Vue({
     router
   }).$mount('#app')

这里的`Detail`是你要跳转到的页面组件，你可以根据实际情况进行修改。

这样，当你点击按钮时，就会跳转到指定的页面。<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>