<router-link> 和a标签的区别

[TieMuZhen]

a标签和router-link

a标签

<a href="">链接 </a>

点击a标签从当前页面跳转到另一个页面
通过a标签跳转，页面就会重新加载，相当于重新打开了一个网页

router-link

<router-link to=""></router-link>

通过router-link进行跳转不会跳转到新的页面，不会重新渲染，它会选择路由所指的组件进行渲染

区别

router-link避免了重复渲染，不像a标签一样需要重新渲染减少了DOM性能的损耗。