Vue.js router-link css class using bootstrap 4

gistfile1.txt

       <nav>
          <ul class="nav nav-pills">
            <li class="nav-item">
              <router-link to="/" class="nav-link" exact-active-class="active"
                >Home</router-link
              >
            </li>
            <li class="nav-item">
              <router-link
                class="nav-link"
                exact-active-class="active"
                to="/about"
                >About</router-link
              >
            </li>
          </ul>
        </nav>