Vue Router ( Rotas para Vue )

Instalação:

Código:

npm install vue-router

Vue - CLI

Código:

vue add router

Se você precisar apenas de rotas muito simples e não deseja adicionar uma biblioteca completa de rotas, você pode renderizar dinamicamente componentes a nível de páginas, deste modo:

Código:

const NotFound = { template: '<p>Página não encontrada</p>' }
const Home = { template: '<p>Página Inicial</p>' }
const About = { template: '<p>Sobre</p>' }

const routes = {
 '/': Home,
 '/sobre': About
}

new Vue({
 el: '#app',
 data: {
   currentRoute: window.location.pathname
 },
 computed: {
   ViewComponent () {
     return routes[this.currentRoute] || NotFound
   }
 },
 render (h) { return h(this.ViewComponent) }
})