Building Forms with Vue.js

Exploring the starter kit

After you clone or download the starter repository, you will find yourself with a Vue CLI 3 project. The first thing to do is to take a look at what we are going to be working with! The repository contains a very simple form with some input fields and a select box. You can find the structure for the form in App.vue. As you can see, we are using two different custom components, BaseInput and BaseSelect. Both of these can be found inside the src/components folder. They both wrap an input and select tag, respectively, and expose some properties that we can use to inject the necessary data into each of them, such as labels and options.

I have taken the liberty of already adding Axios to the project dependencies; you ...