<a>和<router-link>区别

本文探讨了HTML5中的<a>标签和Vue.js中的<router-link>组件的区别。<a>标签用于创建超链接,支持相对、绝对路径及邮件、电话链接,而<router-link>专用于路由应用中的导航,通过to属性定义目标路由,并可通过replace属性避免添加历史记录。此外,<router-link>的tag属性允许自定义渲染标签。
摘要由CSDN通过智能技术生成

两种方式编译后的代码,除了元素的文本不一样外,在关键信息href都是一样的。

<a>进行跳转,页面会重新渲染,即相当于打开一个新的页面;<router-link>组件避免了不必要的重复渲染,他只更新变化的部分从而减少DOM性能消耗。

<a>

<a> 可以通过他的 href 属性创建通向其他网页、文件、同一页面内的位置、电子邮件地址或任何其他 URL 的超链接。

<a> 属性

href

创建超链接:

<a href='/index.html'>相对链接</a>

<a href='http://www.xxx.com'>外部链接</a>

将图像作为链接:<a href='https://www.xxx.com'><img src='/xx.png' /></a>

链接到同一个页面的不同位置:<a href='#id'></a>

创建电子邮件链接:<a href='mailto:'></a>

创建电话链接:<a href='tel:+123456'></a> 

可以使用 href="#top" 或者 href="#" 链接返回到页面顶部。

tartget


                
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值