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
        }
    ]
})

页面