contract/src/router/index.js

import Vue from 'vue'
import Router from 'vue-router'
import Main   from '../views/main.vue'
import Index from '../views/index.vue'
import Contant from '../views/contant.vue'
import People from '../views/people.vue'
import Myself from '../views/myself.vue'
import Self   from  '../views/self.vue'
import Enterprise from '../views/enterprise.vue'
import Enterinfor from '../views/enterinfor.vue'
import Legalinfor from '../views/legalinfor.vue'
import Authorinfor from '../views/authorinfor.vue'
import Certified   from '../views/certified.vue'
import Keyboth  from  '../views/keyboth.vue'

Vue.use(Router)

export default new Router({
  routes: [
    {
    	path: '/',
    	component: Main,
    	children:[{
    		path: '',
    		component:Index,
    	},
    	{
    		path: 'contant',
    		component:Contant,
    	},
    	{
    		path: 'people',
    		component:People,
    	},
    	{
    		path: 'myself',
    		component:Myself,
    	}]
    },
    {
        path:'/self',
        component: Self,
    },
    {
        path:'/keyboth',
        component: Keyboth,
    },
    {
        path:'/enterprise',
        component: Enterprise,
        children:[{          
               path: '',
               component: Enterinfor,
           },
           {
               path: 'legalinfor',
               component: Legalinfor,
           },
           {
               path: 'authortitle',
               component: Authorinfor,
           }
           
        ]
    },
    {
        path: '/certified',
        component: Certified,
    }
  ]
})