Vue stateful form component

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

•   uses event delegation from the top level form element
•   2 way binding with proper v-model support
•   unstyled but includes lots of classes to target
•   built-in debounce function
•   still allows submit handler
•   encodes "multiple" inputs (select[multiple], radio, checkbox)
•   no hacky "mounted" calls
•   supports most input elements (no file/image support)
•   sets ref for each input automatically
•   supports custom components and passing props/attrs

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.