router-link使用案例代码
时间: 2024-01-03 09:21:24 浏览: 103
vue路由 遍历生成复数router-link的例子
下面是一个使用`<router-link>`的案例代码:
```html
<template>
<div>
<router-link to="/">Home</router-link>
<router-link to="/about">About</router-link>
<router-link to="/contact">Contact</router-link>
</div>
</template>
```
在这个案例中,我们使用了`<router-link>`标签来创建导航链接。`to`属性指定了目标路由的路径,当用户点击该链接时,会导航到指定的路由对应的组件。在这个案例中,我们创建了三个链接,分别对应着`/`、`/about`和`/contact`三个路由。
阅读全文