router-link说白了就是html中的a标签而已不过他是有一些功能的a标签
参数router-link
* 在vue-router中,有两大对象被挂载到了实例this
* $route(只读、具备信息的对象)、$router(具备功能函数)
* 查询字符串
- 1:去哪里`<router-link :to="{name:'detail',query:{id:1} } ">xxx</router-link>`
- 2:导航(查询字符串path不用改) `{ name:'detail' , path:'/detail',组件}`
- 3:获取路由参数(要注意是query还是params和对应id名)
+ `this.$route.query.id`
* path方式
- 1:去哪 `<router-link :to="{name:'detail',params:{name:1} } ">xxx</router-link>`
- 2:导航(path方式需要在路由规则上加上/:xxx)
- `{ name:'detail' , path:'/detail/:name',组件}`
- 3:获取路由参数(要注意是query还是params和对应name名)
+ `this.$route.params.name`