Learn py4web

Unit 16: Building applications with Vue.js

In this unit, we will learn how to develop Vue applications that receive and send information from/to the server.

Our main example consists in a Vue app that manages a list of contacts. The app (the page) will load the contacts from the server, visualize them, let the user add contacts, and delete them. We will then see how to use Vue to enable editing the contacts in place.

We also discuss how to implement navigation in Vue, that is, how to send the user to other pages when the user interacts with Vue-generated content.