Travel - Example Vue.js single page app


In the spirit of being up to date with everything related to IT, I decided to looking into Vue.js and some tools that making working with Vue a lot easier.

Lets first describe what Vue is (according to its own docs):

Vue.js (pronounced /vjuː/, like view) is a library for building interactive web interfaces. The goal of Vue.js is to provide the benefits of reactive data binding and composable view components with an API that is as simple as possible.

Vue.js itself is not a full-blown framework - it is focused on the view layer only. It is therefore very easy to pick up and to integrate with other libraries or existing projects. On the other hand, when used in combination with proper tooling and supporting libraries, Vue.js is also perfectly capable of powering sophisticated Single-Page Applications.

A comparison with Other Frameworks can be found here.


I am not going into detail about what every single one of those does. They all have their own extensive documentation that should help you get started or understand the code I wrote for 'Travel'.


'Travel' is a website on which visitors can discover some of the attractions a country has to offer, they are also able to save them using the 'favorite' function. This video should make things clear for you:


The code can be found here on Github.

If you have any questions left, leave them in the comment section below or post them as an issue in the repo.

Created by Jeroen Druwé