Building Forms with Vue.js

Loading the new API into the app

Right now, if you head into App.vue, you will notice we are loading the static schema through an import statement, as shown here:

import schema from '@/data/schema.json';.

This worked very well for us before, as it was a static file, but this time around, we need to make a call to our API endpoint to get the schema for our form. Let's start by removing the import statement; we don't need it anymore and can safely delete it. You can also go into the data() properties and set schema to a default, which will be an empty object:

schema: {},

I think that a good place to load our form's schema will be on the created hook for our App.vue file. We want to get this done as soon as possible, and we don't really need ...