Cómo cambiar la clase del estilo css del componente router-link en Vue.js

Para cambiar las clases por defecto del componente router-link en vuejs solo debemos agregar los siguientes atributos al momento de crear tu router.

 

Editamos nuestro archivo router/index.js 

const router = new VueRouter({
           mode: 'history',
           base: process.env.BASE_URL,
           routes,
           linkExactActiveClass: "is-active",
           linkActiveClass: "is-active", 
        })

Como podemos ver en este ejemplo hemos cambiado las clases linkExactActiveClass y linkActiveClass por is-active para que trabaje con el framework Bulma CSS