vue使用router中的that.$router.push({name:‘User‘})实现vue界面跳转（CSDN亲测可用）

vue使用router中的that.$router.push({name:‘User’})实现vue界面跳转（CSDN亲测可用）

先给大家看一下效果

登录成功后

1.首先安装router
执行命令 npm install vue-router

2.在src下创建名字为router的文件夹，在该文件夹下创建index.js文件
如下图所示：

index.js的内容为：

import Vue from ‘vue’ //引入Vue
import VueRouter from ‘vue-router’ //引入vue-router
import User from ‘@/components/User’ //定义用户界面
import Login from ‘@/components/Login’ //定义登录界面

Vue.use(VueRouter) //Vue全局使用Router

export default new VueRout