vue routerlink用法

Vue RouterLink 是 Vue Router 提供的一个组件，用于在 Vue.js 应用程序中进行路由导航。它可以将链接转换为路由链接，使用户可以通过点击链接来导航到不同的页面。

使用 Vue RouterLink，你可以在模板中以声明式的方式创建路由链接。下面是一些常见的用法：

1. 基本用法：将 RouterLink 组件包裹在需要导航的元素中，使用 `to` 属性指定目标路由的路径。

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

2. 动态路径：可以通过在 `to` 属性中使用字符串插值或对象绑定的方式来指定动态路径。

<!-- 字符串插值 -->
<router-link :to="'/user/' + userId">User</router-link>

<!-- 对象绑定 -->
<router-link :to="{ path: '/user/' + userId }">User</router-link>

3. 命名路由：如果你在路由配置中定义了命名路由，可以使用 `name` 属性来指定目标路由的名称。

<router-link :to="{ name: 'user', params: { userId: 123 }}">User</router-link>

4. 传递查询参数：可以使用 `query` 属性来传递查询参数。

<router-link :to="{ path: '/user', query: { name: 'John', age: 25 }}">User</router-link>

以上是一些常见的用法示例，你可以根据自己的实际需求进行调整和扩展。更多关于 Vue RouterLink 的用法和配置可以参考 Vue Router 的官方文档。