router-link如何设置悬停变红

要设置Vue Router中的router-link在悬停时变红，可以使用CSS来实现。以下是一可能的方法：

1. 首先，在你的Vue组件，给router-link添加一个class，比如"hover-red"：

<router to="/" class="hover-red">Home</router>

2. 接下来，在你的CSS文件或者style标签中，定义.hover-red类的式，将颜色设置为红色：

.hover-red:hover {
  color red;
}

这样，当鼠标悬停在router-link上时，它的颜色就会变为红色。

解释：
在Vue Router中，router-link是用来生成导航链接的组件。它会自动渲染为一个a标签，并且会自动添加一个active类来表示当前激活的链接。你可以通过给router-link添加class来自定义样式。在这个例子中，我们给router-link添加了一个名为"hover-red"的class，并在CSS中定义了.hover-red:hover的样式，表示当鼠标悬停在该链接上时，它的颜色将变为红色。