vue登录按钮登录成功之后可以跳到别的页面，这个功能怎么写

在Vue中实现登录成功后跳转到别的页面的功能，可以通过以下步骤来完成：

1.在登录组件中，使用Vue Router的`$router.push()`方法来实现路由的跳转。例如，在登录成功后，将用户重定向到首页：

// 登录成功后的回调函数
loginSuccess() {
  // 执行登录逻辑
  // ...
  
  // 跳转到首页
  this.$router.push('/home');
}

2.在路由配置中，定义需要跳转的页面。例如，定义一个名为`home`的路由，指向一个名为`Home`的组件：

const routes = [
  {
    path: '/home',
    name: 'home',
    component: Home,
  },
  // 其他路由配置
];

3.在Vue组件中，使用Vue Router的`<router-link>`组件来实现页面之间的跳转。例如，在登录页面中增加一个“注册”按钮，点击后跳转到注册页面：

<template>
  <div>
    <!-- 登录表单 -->
    <!-- ... -->
    
    <!-- 注册按钮 -->
    <router-link to="/register">注册</router-link>
  </div>
</template>

在这个例子中，我们使用`<router-link>`组件来实现注册按钮，通过`to`属性指定要跳转的页面。

综上所述，通过使用Vue Router的`$router.push()`方法和`<router-link>`组件，我们可以很容易地实现在Vue中登录成功后跳转到别的页面的功能。