Problem with router link?

Question

JavaScript

<router-link
        tag="li"
        active-class="active"
        to="/"
        exact
      >
        <a href="#" class="waves-effect waves-orange pointer">Тест</a>
      </router-link>

The router becomes a tag , not What could be the problem? Write if you need more information. <a><li>

Answer 1

And what is the sacred meaning of this witchcraft? Why not like this?

<router-link
        class="waves-effect waves-orange pointer"
        active-class="active"
        to="/"
        exact
      >
        Тест
      </router-link>