router-link 设置颜色

router-link 是 Vue Router 提供的一个组件，用于在 Vue 应用中进行路由导航。它可以将点击事件转化为路由跳转，并且可以通过设置属性来自定义链接的样式。

要设置 router-link 的颜色，可以通过以下两种方式进行操作：

1. 使用内联样式：可以直接在 router-link 上使用 style 属性来设置颜色，例如：

<router-link to="/" style="color: red;">Home</router-link>

这样就会将 Home 链接的文字颜色设置为红色。

2. 使用类名：可以通过为 router-link 添加类名，然后在 CSS 中定义该类名的样式来设置颜色，例如：

<router-link to="/" class="custom-link">Home</router-link>

.custom-link {
  color: blue;
}

这样就会将 Home 链接的文字颜色设置为蓝色。