vue脚手架实现登录路由跳转到成功页面

首先，你需要在 Vue 中安装 Vue Router。你可以通过运行以下命令来安装：

npm install vue-router --save

接下来，在 `src` 文件夹中创建一个名为 `router.js` 的文件，并将以下代码添加到该文件中：

import Vue from 'vue';
import Router from 'vue-router';
import Login from '@/components/Login.vue';
import Success from '@/components/Success.vue';

Vue.use(Router);

export default new Router({
  routes: [
    {
      path: '/',
      name: 'Login',
      component: Login,
    },
    {
      path: '/success',
      name: 'Success',
      component: Success,
    },
  ],
});

接下来，你需要在 `App.vue` 中添加以下代码：

<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

这将允许你的应用程序在路由跳转时渲染正确的组件。

现在，你需要在 `Login.vue` 组件中添加以下代码来处理登录：

<script>
export default {
  data() {
    return {
      username: '',
      password: '',
    };
  },
  methods: {
    login() {
      // 在此处添加你的登录逻辑
      // 如果登录成功，则使用下面的代码来跳转到成功页面
      this.$router.push('/success');
    },
  },
};
</script>

现在你已经完成了登录路由的跳转。现在你可以在 `Success.vue` 组件中添加一些内容，例如“登录成功”消息，来显示成功页面。