vue.js路由显示设置的方法介绍

来源：划拓汽车网

本篇文章给大家带来的内容是关于vue.js路由显示设置的方法介绍，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

①设置 path 为 ‘/’

const router= new VueRouter({
 routes:[
 {path:'/',name:'home',component:Home}, //页面第一显示的组件
 {path:'/menu',name:'menu',component:Menu},
 {path:'*',redirect:'/'}
 ],
 mode:"history"
});

②设置 redirect 的值（适用于二级路由）

const router= new VueRouter({
 routes:[
 {path:'/',name:'home',component:Home},
 {path:'/about',name:'about',component:About,redirect:{name:'contactLink'},children:[ //二级路由
 {path:'/about/contact',name:'contactLink',component:Contact},
 {path:'/history',name:'historyLink',component:History},
 ]},
 {path:'*',redirect:'/'}
 ],
 mode:"history"
});