1.vue路由1.vue路由1.vue路由可以实现单页面应用。路由三要素：vue路由通过hash的变化切换页面(组件/div)导航存储页面(组件）的容器src/router/index.js路由的配置实现步骤：2.router配置2.router配置2.router配置对router文件夹下的index.js进行配置path：urlname：对应的参数的模块名称component:组件名用组件时一定要注册
{
path: '/product',
name: 'Product',
component: Product
}

{
path: '/product',
name: 'Product',
component: Product
}
3.实现传参配置3.实现传参配置3.实现传参配置配置
{
path: '/product/:id',
name: 'Product',
component: Product
}

{
path: '/product/:id',
name: 'Product',
component: Product
}
切换: 产品666接收: {{$route.params.id}}{{$route.params.id}}4 子页面4 子页面4 子页面配置
{
path: '/admin',
name: 'Admin',
component: Admin,

children:[


{path:"ucenter",component:Ucenter},


{path:"activity",component:Activity},


{path:"",redirect:"ucenter"}//重定向

]
},

{
path: '/admin',
name: 'Admin',
component: Admin,

children:[


{path:"ucenter",component:Ucenter},


{path:"activity",component:Activity},


{path:"",redirect:"ucenter"}//重定向

]
},
重定向: {path:"",redirect:"ucenter"}{path:"",redirect:"ucenter"}创建新的别名: alias:["/home","/main"]alias:["/home","/main"]切换: 5 页面切换
5 页面切换
5 页面切换
跳转：$router.go(-1)$router.go(-1)后退：$router.back()$router.back()前进： ```$router.forward()`` ```$router.forward()``新加历史记录切换页面：$router.push()$router.push()替换当前页面（不留历史记录）：$router.replace()$router.replace()总结总结总结