Vue脚手架怎么实现登录成功跳转到其他页面的功能

在Vue脚手架中实现登录成功跳转到其他页面的功能，可以使用Vue Router插件来实现。具体步骤如下：

1. 安装Vue Router插件，在终端中输入以下命令：

npm install vue-router --save

2. 在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）。

3. 在login页面中，当用户登录成功后，可以通过以下代码进行页面跳转：

this.$router.push('/home')

其中，this.$router指的是Vue Router实例，push方法用于跳转到指定路径的页面。

4. 最后，在main.js中引入路由实例，并将其挂载到Vue实例上，例如：

import Vue from 'vue'
import App from './App.vue'
import router from './router'

Vue.config.productionTip = false

new Vue({
  router,
  render: h => h(App),
}).$mount('#app')

这样，当用户登录成功后，就会跳转到主页（/home）的页面。