Skip to content

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

@TieMuZhen

Description

@TieMuZhen

a标签和router-link

a标签

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

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

router-link

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

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

区别

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions