Back to Code Examples

Importing And Exporting Rules In The Vue Query Builder

Updated on Oct 24, 2024
Browse Code Download
ej2-query-builder exporting html5 importing inline-sql json mongodb named-parameter-sql parameter-sql query-builder query-builder-ui sql tutorial vue vue-components vue-query-builder vue-ui-components vuejs

A Vue quick start project that shows how to import and export rules in the Syncfusion Vue Query Builder component. This project contains simple code to export rules to JSON and SQL. The code includes Inline, Parameter, and Named Parameters SQL query handling.

Watch the video: https://www.syncfusion.com/tutorial-videos/vue/query-builder?title=importing-and-exporting-rules-in-the-vue-query-builder

Refer to the documentation to learn about the Vue Query Builder component: https://ej2.syncfusion.com/vue/documentation/query-builder/import-export

Check out this online example of the Vue Query Builder component: https://ej2.syncfusion.com/vue/demos/#/material3/query-builder/mongo-sql.html

Before working on this project, make sure your machine has the latest versions of Node.js and Visual Studio Code.

How to run this application

To run this application, you need to clone the Importing-and-Exporting-Rules-in-the-Vue-Query-Builder repository and open it in Visual Studio Code. Then, install all the necessary Vue packages in your project using the npm install command and run your project using the npm run dev command.