vue----webpack模板----路由配置项

 

配置项中的参数：
path：路由的路径

component:当路径匹配成功时渲染的组件

redirect：重定向

children：路由的嵌套(子路由)
　　值是一个数组，数组中的每一个对象都是子路由的配置项

**匹配所有

1.path component

{
　　//设置路径
  path:"/goods" ;
　　//相应路径显示的组件
  component:Goods       
}

1.重定向    redirect

 

// 重定向，当路径为根路径时，重定向为 '/home'
(可灵活设置)
    {
      path:"/",
      redirect:"/home"
    },
 

2.匹配所有 **

 

当所有的路径都不匹配时，显示相应的组件，必须写在最后（显示的组件自己根据需要设置）
 
 //匹配所有,当上面的所有路径都不显示时，会显示此插件
    {
      path:"**",
      component:home
    }