vue-router中name和path &路由高亮
2019-02-27 本文已影响40人
rainbowz
1
图片.png2
在App.vue中使用
图片.png
3
使用this.$route.params.id获取基类的data中的 Name属性
图片.png访问网址:http://localhost:8080/#/register
可以发现拿到了数据:
https://segmentfault.com/q/1010000015287951
path 就是路径嘛,名字相当于该路径的别名。比如有个人全面叫‘奥斯特洛夫斯基’,然后为了方便找他,你给他一个单独的别名,叫'奥基',当你想做跳转的时候大喊一句'奥基',就能找到'奥斯特洛夫斯基'。.....溜
path:是路径,还可以有二级路径比如 path: '/system/setting',但是name就没有了,name就相当于给你的这个 path 起个名字方便记住,也可以不设置 name。
vue路由参数传递视频
4
图片.png 图片.png 图片.pnglinkActiveClass:"active", 包含父级
linkExactActiveClass:"curentActive", 精准匹配