Vue脚手架写一个登录成功跳转到其他页面的功能

好的，下面是一个简单的示例，实现Vue脚手架中的登录成功跳转到其他页面的功能。

1. 在src目录下新建一个router文件夹，并在该文件夹下新建一个index.js文件，用于配置路由。在该文件中，引入Vue和Vue Router，并创建一个路由实例，例如：

import Vue from 'vue'
import VueRouter from 'vue-router'
import Login from '../views/Login.vue'
import Home from '../views/Home.vue'

Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    redirect: '/login'
  },
  {
    path: '/login',
    name: 'Login',
    component: Login
  },
  {
    path: '/home',
    name: 'Home',
    component: Home
  }
]

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

export default router

其中，routes数组中定义了路由的路径和组件。在这里，我们定义了两个路由，一个是登录页面（Login），另一个是主页（Home）。

2. 在Login.vue组件中，编写登录功能，例如：

<template>
  <div>
    <h1>登录页面</h1>
    <form>
      <label>用户名：</label>
      <input type="text" v-model="username" />
      <br />
      <label>密码：</label>
      <input type="password" v-model="password" />
      <br />
      <button type="button" @click="login">登录</button>
    </form>
  </div>
</template>

<script>
export default {
  data() {
    return {
      username: '',
      password: ''
    }
  },
  methods: {
    login() {
      // 模拟登录成功
      if (this.username === 'admin' && this.password === '123456') {
        this.$router.push('/home')
      } else {
        alert('用户名或密码错误')
      }
    }
  }
}
</script>

其中，username和password是通过v-model指令绑定的数据，login方法用于模拟登录操作。如果用户名和密码正确，则使用this.$router.push('/home')进行路由跳转，跳转到主页（/home）的页面；否则弹出提示框，提示用户名或密码错误。

3. 在Home.vue组件中，编写主页的页面内容，例如：

<template>
  <div>
    <h1>主页</h1>
    <p>欢迎来到主页！</p>
  </div>
</template>

这样，当用户在登录页面输入正确的用户名和密码后，就会跳转到主页（/home）的页面。