vue路由精确匹配和模糊匹配

<router-link to="/">one</router-link>
<router-link to="/two">two</router-link>

.router-link-active,
.router-link-exact-active{
  color: red;
  font-size: 60px;
}

出现错误 ：两个都会添加样式

原因 ：/* 入口和导航路径相比 */

/* router-link-active模糊匹配类名 */

/* router-link-exact-active精确匹配类名 */

解决办法一、删除类名

解决办法二、添加exact

<router-link exact to="/">one</router-link>//如果出现/必须要写exact
<router-link to="/two">two</router-link>