index.js_router

import Vue from 'vue'
import Router from 'vue-router'
import Form from '@/components/Form'
import Main from '@/components/Main'
import Product from '@/components/Product'
import EditProduct from '@/components/EditProduct'

Vue.use(Router)

export default new Router({
  mode:'history',//将默认hash导航模式更改为：histore模式
  routes: [
    {
      path:'/',//URL导航路径
      name:'iMain',//JS代码中使用的导航名称
      component:Main,//URL路径所对应的组名称
      props:true//是否接受props参数
    },
    {
      path:'/form',
      name:'Form',
      component:Form,
      props:true
    },
    {
      path:'/product/:id',//动态路由参数id
      name:'Id',
      component:Product,
      props:true,
      children:[
        {
          path:'edit',
          name:'Edit',
          component:EditProduct,
          props:true
        }
      ]
    },
    {
      path:'*',
      redirect:"/"
    }
  ]
})