Router规划范例

首先在router目录下，创建index.js

import Vue from 'vue'
import Router from 'vue-router'
import Main from '@/components/content/Main'
import Login from "@/components/common/Login";
import IssueTicket from "../components/content/IssueTicket";
import UpdateDevTkts from "../components/content/UpdateDevTkts";
import CreateFlight from "../components/content/CreateFlight";
import AirSalesDisplaymentRS_Rule from "../components/content/doc/AirSalesDisplaymentRS_Rule";
import AirSalesDisplaymentRS_Main from "../components/content/doc/AirSalesDisplaymentRS_Main";
import TcnCompare_Main from "../components/content/doc/TcnCompare_Main";
import Register from "../components/common/Register";

Vue.use(Router)

export default new Router({
  mode: 'history',
  routes: [
    {
      path: '/',
      component: Login
    },
    {
      path: '/login',
      name: 'login',
      component: Login
    },
    {
      path: '/register',
      name: 'register',
      component: Register
    },
    {
      path: '/main',
      name: 'main',
      component: Main,
      meta: {
        requireAuth: true,
      },
      children:[
        {
          path: '/ticket/issue',
          name: '出票',
          component: IssueTicket,
          meta: {
            requireAuth: true,
          }
        },
        {
          path: '/ticket/updateDevTkts',
          name: '上票',
          component: UpdateDevTkts,
          meta: {
            requireAuth: true,
          }
        },
        {
          path: '/flight/create/hostbooking',
          name: '主机订座航班',
          component: CreateFlight,
          meta: {
            requireAuth: true,
          }
        },
        {
          path: '/docauto/compare/rule/doc/airsalesdisplaymentrs',
          name: 'AirSalesDisplaymentRS主机开放比对/比对规则',
          component: AirSalesDisplaymentRS_Rule,
          meta: {
            requireAuth: true,
          }
        },
        {
          path: '/docauto/compare/main/doc/airsalesdisplaymentrs',
          name: 'AirSalesDisplaymentRS主机开放比对/操作主界面',
          component: AirSalesDisplaymentRS_Main,
          meta: {
            requireAuth: true,
          }
        },
        {
          path: '/docauto/compare/main/doc/tcninfo',
          name: 'TCN票号数据比对/操作主界面',
          component: TcnCompare_Main,
          meta: {
            requireAuth: true,
          }
        },
      ]
    }


  ]
})