Vue 脚手架结合 SpringBoot 构建前后端分离入门项目（实现增删改查）

index.js 路由代码

---

import Vue from “vue”;

import VueRouter from “vue-router”;

import Home from “…/views/Home”;

import User from “…/views/User”

import Student from “…/views/Student”;

import UserAdd from “…/components/UserAdd”;

import UserEdit from “…/components/UserEdit”;

Vue.use(VueRouter);

const routes = [

{path: “/”, redirect: “/home”},

{path: “/home”, component: Home},

{

path: “/user”, component: User,

children: [ // 嵌套路由

{path: “add”, component: UserAdd},

{path: “edit”, component: UserEdit}

]

},

{path: “/student”, component: Student},

];

const router = new VueRouter({

mode: “history”,

base: process.env.BASE_URL,

routes

});

export default router;

User.vue 用户组件

---

</