vue路由的编写

import Vue from "vue";
import VueRouter from "vue-router";
import Layout from "../views/Layout.vue";

Vue.use(VueRouter);

const routes = [
  // 当页面一进来的时候就要去登录页
  // 重定向到登录页
  { path: "/", redirect: "/login" },
  {
    path: "/login",
    name: "login",
    component: () => import("../views/Login.vue"),
  },
  // component: Layout
  //首页
  {
    path: "/home",
    meta: { title: "首页" },
    name: "home",
    component: Layout,
    children: [
      { path: "/", component: () => import("../views/home/Home.vue") },
    ],
  },
  // 订单的
  // student/list
  {
    path: "/order",
    meta: { title: "订单管理" },
    name: "order",
    component: Layout,
    children: [
      { path: "/", redirect: "list" },
      {
        path: "list",
        meta: { title: "订单列表" },
        component: () => import("../views/order/OrderList.vue"),
      },
      {
        path: "detail",
        meta: { title: "订单详情" },
        component: () => import("../views/order/OrderDatail.vue"),
      },
    ],
  },