vue的超链接使用示例:a 和 router-link
在Vue中,你可以使用<a>
标签来创建普通的超链接,它不依赖于Vue Router。而<router-link>
是当你使用Vue Router时,用来创建一个可以使用Vue Router的路由链接的组件。
- 使用
<a>
标签创建超链接:
<a href="https://www.example.com">访问Example网站</a>
- 使用
<router-link>
创建一个路由链接:
<router-link to="/about">关于我们</router-link>
在这个例子中,当你点击“关于我们”链接时,Vue Router会将你导航到路径/about
对应的组件。
注意:<router-link>
最终会渲染为<a>
标签,所以你可以用<router-link>
来替代<a href="...">
。
如果你想要在点击链接时触发一些JavaScript逻辑,你可以使用<router-link>
的@click
事件:
<router-link to="/about" @click="handleClick">关于我们</router-link>
在这个例子中,点击链接会触发handleClick
方法。
评论已关闭