Recently, I needed to create a app that could recreate a form from static JSON and then fill it with values from another source. This was pretty difficult as storing a form in JSON is very hard. You can’t add handlers or events given you only can store string, numbers, booleans, and arrays. No functions.

I ended up coming up with a component that uses a render function in order to recreate the form stored in JSON.

Features

I made a whole site on this and posted the code to NPM. It currently only works in Vue 2. So keep that in mind. You can find the source code and instructions here.