router-link使用

router-link是Vue Router提供的组件，用于在Vue应用中进行路由跳转。

使用router-link的基本语法如下：

<router-link to="/path">Link Text</router-link>

其中，`to`属性指定了目标路由的路径，可以是一个字符串或一个路由对象。`Link Text`为链接的显示文本。

例如，要创建一个指向`/home`路径的链接，可以这样写：

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

在Vue Router中，路由路径可以包含参数和查询字符串。可以通过绑定动态的路径和查询参数来创建动态的链接。

<router-link :to="{ path: '/user/' + userId }">User Profile</router-link>

<router-link :to="{ name: 'product', params: { id: productId }, query: { category: 'electronics' }}">Product Details</router-link>

上述代码中，`:to`属性使用了Vue的动态绑定语法，根据不同的数据动态生成链接。

除了`to`属性外，还可以使用`replace`属性来替换浏览器历史记录中的当前路由，或者使用`target`属性指定链接在新窗口或标签页中打开。

<router-link to="/path" replace>Replace current route</router-link>

<router-link to="/path" target="_blank">Open in new tab</router-link>

这些是router-link的基本用法，根据具体的项目需求，还可以使用其他属性和事件来自定义链接的行为和样式。