index.js

import Vue from 'vue'
import Router from 'vue-router'
import Nav from '@/components/nav'
import Login from '@/components/login'
import Search from '@/components/search'
import Contract from '@/components/contract'
import Manage from '@/components/manage'
import Main from '@/components/main'


Vue.use(Router)

export default new Router({
  routes: [{
      path: '/',
      component: Login
    },
    {
      path: '/nav',
      component: Nav,
      children: [{
        path: 'search',
        component: Search
      }, {
        path: 'contract/:contract_unid',
        component: Contract
      }, {
        path: 'manage',
        component: Manage
      }, {
        path: 'main',
        component:Main
      }]
    }
  ]
})