vue router-link 样式

在Vue中使用router-link组件可以进行路由跳转，同时也可以修改它的样式。有几种方法可以修改router-link的样式，以下是其中的一种常用方法：

1. 使用内联样式：
在router-link上可以直接添加style属性，通过内联样式来修改其样式。例如：

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

这样就可以将router-link的字体颜色设置为红色，并且加粗显示。

2. 使用全局样式表：
在全局的CSS样式表中，可以通过修改a标签的样式来改变router-link的样式。例如，在App.vue或者全局的样式表中添加以下代码：

   a.router-link-exact-active {
     color: red;
     font-weight: bold;
   }

这样就可以将被选中的router-link的字体颜色设置为红色，并且加粗显示。

3. 使用scoped样式表：
如果在组件内部使用了scoped样式表，可以通过修改.a.router-link-exact-active的样式来改变router-link的样式。例如：

   <style scoped>
   .a.router-link-exact-active {
     color: red;
     font-weight: bold;
   }
   </style>

这样就可以将被选中的router-link的字体颜色设置为红色，并且加粗显示。