vue-router : how to remove underline from router-link

It is Converted into <a ...
So to remove the underline try this

a { text-decoration: none; }

Vue component tags don't generate HTML tags.
Look in the DOM inspector to see what HTML tags actually exist.

You need to use regular classnames.

If anyone using Vuetify comes across this question, note that the styling below do not work due to Vuetify's in built styles. You must instead use inline CSS styling:

<router-link
 style="text-decoration: none; color: inherit;"
 to="/hello">

You can try targeting the list item link like this:

li a {
    text-decoration: none;
}