[Vue.js] 메뉴 탭

  <div id="app">
    <div id="nav">
      <router-link to="/script">스크립트<span>👇</span></router-link>
      <router-link to="/infoadd">추가고객정보(0)<span>👇</span></router-link>
      <router-link to="/history">특이사항/통화로그/방문기록<span>👇</span></router-link>
    </div>
    <router-view/>
  </div>

#nav {
  padding: 30px;

  a {
    margin: 0.667em;
    color: inherit;
    text-decoration: none;

    span {
      display: none;
    }

    &.router-link-exact-active {
      color: white;
      background: rgb(255, 95, 122);

      span {
        display: inline-block;
      }
    }
  }
}