子routes

image.png

2

image.png

3 routes

import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
import titv from '@/components/titv'
import titv1 from '@/components/titv1'
import titv2 from '@/components/titv2'
Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'HelloWorld',
      component: HelloWorld
    },{
      path: '/xin',
      name: 'titv',
      component: titv,
      children:[
        {
          path: '/',
          name: 'titv',
          component: titv,
        },
        {
          path: 'x1',
          name: 'x1',
          component:  titv1
        },{
          path: 'x2',
          name: 'x2',
          component:  titv2
        }
      ]
    }
  ]
})