路由进阶
1.路由封装
所有的路由配置在main.js中不合适,所以需要拆分封装,加入router文件夹。便于后期维护。


2.声明式导航router-link
router-link必须配to,不能配href。
修改后在css中修改router-link-active属性

模糊匹配

定制高亮类名
需要在路由中进行配置


跳转传参
目的是在跳转路由时进行传值
1.查询参数传参(传多个参数
①语法格式如下
to="/path?参数名=值"------可以用&进行连接
②对应页面组件接收传递过来的值
$route.query.参数名
2.动态路由传参(传单个较方便

参数可选符

3.重定向
redirect重新定向路径

404 not found!

4.模式设置
这里的影响只对后台有影响,需要提醒后端配置规则

5.路由跳转
基本跳转
写在methods中
①path路径跳转
this.$router.push('路由路径')
或
this.$router.push({
path:'路由路径'
})

②name命名路由跳转(适合path路径长的场景)
需要给路由起一个名字

总结
路径简单path复杂path
多个参数query,参数少用params

