<router-link>
时间: 2024-02-03 22:09:57 浏览: 85
spyke-react-hook-router-link:从React Router的Link逻辑中提取的React钩子,可以更轻松地与第三方UI库集成
<router-link>是Vue.js中的一个组件,用于实现路由导航功能。它可以将用户点击的链接转换为对应的路由地址,并进行页面的跳转。
以下是两个使用<router-link>的例子:
1. 使用字符串作为to属性:
```html
<router-link to="/home">home</router-link>
```
这个例子中,点击"home"链接会跳转到"/home"路由地址。
2. 使用动态绑定的对象作为to属性,并在<router-link>中添加其他标签:
```html
<router-link :to="{name:'Home'}" tag="li">
<a>Home</a>
</router-link>
```
这个例子中,点击"a"标签会跳转到名为"Home"的路由地址,并且<router-link>会被渲染成一个"li"标签。
阅读全文