vue-router路由一次踩坑

最近在追加路由时,由于疏忽,写漏东西了,在此记录下来,以此为鉴:
1、父组件manage.vue、注意追加



2、子组件addgoods.vue



3、子组件addshop.vue



4、路由设置

import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
import manage from '@/components/manage'
import addgoods from '@/components/addgoods'
import addshop from '@/components/addshop'
Vue.use(Router)
export default new Router({
  mode: 'history',
  routes: [
    {
      path: '/',
      component: HelloWorld
    },
    {
      path: '/manage',
      component: manage,
      children: [{
        path: 'addgoods',
        component: addgoods
      },
      {
        path: 'addshop',
        component: addshop
      }]
    }
  ]
})

5、运行结果
vue-router路由一次踩坑_第1张图片

你可能感兴趣的:(vue开发)