Cambiar el título en Vuejs 2 de forma dinámica

Vamos a ver lo sencillo que es cambiar el título en Vuejs 2, en nuestro caso lo vamos a hacer utilizando el caso más típico, haciendo uso del router de Vuejs.

Para ello nos vamos a aprovechar del objeto meta que solemos utilizar en el sistema de rutas, ya que es un objeto y podemos pasarle los datos que necesitemos, vamos a pasarle también un título de la siguiente forma.

https://gist.github.com/anonymous/f25b9179d00482fe2a9c3010eb36856f

Si te fijas, dentro de meta estamos pasando un título, para que sea utilizado en cada cambio de ruta, simplemente debemos utilizar beforeEach en nuestras rutas y establecerlo.

https://gist.github.com/anonymous/6ba4a70c61c04c5692228c676e53ac34

A partir de ahora, cada vez que hagas un cambio de ruta, el título de tu app será actualizado y todo estará funcionando como esperabas.