第七课 router-link配置与Router构建选项1
需积分: 0 126 浏览量
2022-08-03
18:19:21
上传
评论
收藏 234KB PDF 举报
学习前端，最快的进步是持续！
第七课 router-link 配置与 Router 构建选项
学习目录
router-link 介绍与用法
Router 构建选项介绍与用法
一．router-link 介绍
router-link 可以配合路由配置完成组件之间的切换渲染任务，在这个过程中可以不用
刷新页面，不需要考虑 hash 模式下#符号的 url 影响，同时可以模拟成普通的 dom 元素，
比如 a 元素、li 元素等。
<router-link to="/home">Home</router-link>
这里的 router-link 会被解析成 a 标签，在 to 属性里面写链接，不需要加#号
router-link 常用属性
to
指定目标路由的 url 链接，可以直接写具体的 url，还可以用 v-bind 指定写成 js 表达
式或者对象的形式，需要路由配置支持。
replace
配置 replace 属性之后在点击时不会留下导航 history 记录。
<router-link to="/home" replace>Home</router-link>
评论0