Building Forms with Vue.js

Translating the API into a working schema

Now that we have our mock API running, the next step is to create a way for our application to parse or translate this API structure into the schema structure that we had before, and that it understands. If you are curious enough to try to run the application at this point, you will encounter a ton of console errors that yell at you about prop: type check failed and v-model failing to bind. This is expected at this point.

Go ahead and create a new folder inside src; we are going to call it libraries. This is not a strict naming convention, so feel free to name it whatever makes more sense to you or your team. Inside this folder, we are going to make a new file called Api.js. Our goal for this file ...