Data Driven Dynamic UI Generation with Vue.js and Quasar

In this article we present the concept of Data Driven UI that can be defined as the dynamic creation of a UI based on the information present in a definition data.

The Data Driven UI concept allows interesting solutions such as:

• Define UI model definition schema related to database tables and views that generates UI dynamically;
• Create the UI model definition schema agnostic to technologies and frameworks (one can develop a generator for Vue+Quasar, another in React+Material UI, and so on).

In this article on Github, I'll show you how easy it is to define a JSON Schema and create an infrastructure using the Vue.js + Quasar frameworks to dynamically create components.

As a bonus we provide about 20 UI components based on the Quasar framework UI components.