如何详细学习Vue-router路由管理器的使用技巧？

本文共计2848个文字，预计阅读时间需要12分钟。

router-link 组件支持用户在具有路由功能的应用中点击导航。通过 to 属性指定目标地址，默认渲染带有正确链接的 a 标签。可配置 tag 属性生成不同的标签。

router-link

<router-link> 组件支持用户在具有路由功能的应用中点击导航。 通过 to 属性指定目标地址，默认渲染成带有正确链接的 <a> 标签，可以通过配置 tag 属性生成别的标签。另外，当目标路由成功激活时，链接元素自动设置一个表示激活的 CSS 类名

<router-link> 比起写死的 <a href="..." rel="external nofollow" > 会好一些。无论是 HTML5 history 模式还是 hash 模式，它的表现行为一致，所以，当切换路由模式，或者在 IE9 降级使用 hash 模式，无须作任何变动；在 HTML5 history 模式下，router-link 会拦截点击事件，让浏览器不再重新加载页面；在 HTML5 history 模式下使用 base 选项之后，所有的 to 属性都不需要写基路径了

props

to(required)

类型 string | Location

表示目标路由的链接。