vueRouter 子路由嵌套

router.js

 import Vue from 'vue'
 import Router from 'vue-router'
 import contractPage from './views/contractPage.vue'
 import finish from './views/finish.vue'
 import unfinish from './views/unfinish.vue'
 import Pdf from './views/pdf.vue';
 Vue.use(Router)

 export default new Router({
     routes: [
         {
             path: '/',
             name: 'contractPage',
             component: contractPage,
             children:[
                 {path:'finish',name: 'finish',component:finish},
                 {path:'unfinish',name: 'unfinish',component:unfinish}
             ],
             redirect:'/unfinish'
         },
         {
             path: "/pdf",
             name: 'pdf',
             component: Pdf
         }
     ]
 })

页面