Full-Stack Vue.js 2 and Laravel 5

...import axios from 'axios';
export default {
data() { ... }, components: { ... }, beforeRouteEnter (to, from, next) {
let serverData = JSON.parse(window.vuebnb_server_data); if
(to.path === serverData.path) {
let listing_groups = groupByCountry(serverData.listings);
next(component => component.listing_groups = listing_groups); }
else {
axios.get(`/api/`).then(({ data }) => {
let listing_groups = groupByCountry(data.listings); next(component
=> component.listing_groups = listing_groups); });
}
}
}
And with that, we can now navigate to the home page in two ways,
either via the address bar, or by going from a link from the listing
page. Either way, we get the right data!