Full-Stack Vue.js 2 and Laravel 5

Vue Router
Some frontend frameworks, such as Angular or Ember, include a router library
out-of-the-box. The philosophy guiding these frameworks is that the developer is
better served with a complete, integrated solution for their SPA.
Others frameworks/libraries, such as React and Vue.js, do not include a router.
Instead, you must install a separate library.
In the case of Vue.js, an official router library is available called Vue Router.
This library has been developed by the Vue.js core team, so it is optimized for
usage with Vue.js and makes full use of fundamental Vue features such as
components and reactivity.
With Vue Router, different pages of the application are represented by different
components. When you set up Vue Router, you will pass in configuration to tell
it which URLs map to which component. Then, when a link is clicked in the app,
Vue Router will swap the active component so as to match the new URL, for
example:
let routes = [
{ path: '/', component: HomePage },
{ path: '/about', component: AboutPage },
{ path: '/contact', component: ContactPage }
];
Since rendering a component is an almost instantaneous process in normal
circumstances, the transition between pages with Vue Router is as well.
However, there are asynchronous hooks that can be invoked to give you the
opportunity to load new data from the server, if your different pages require it.