A quick start project that shows how to create and configure the Syncfusion Vue Query Builder component in a Vue project. This project contains simple code to bind a data source, customize the columns, and add rules at initial load. It also contains code to filter Data Grid records using the Query Builder.
Watch the video: https://www.syncfusion.com/tutorial-videos/vue/query-builder?title=getting-started-with-the-vue-query-builder
Refer to the following documentation to learn about the Vue Query Builder component: https://ej2.syncfusion.com/vue/documentation/query-builder/vue-3-getting-started
Check out this online example of the Vue Query Builder component: https://ej2.syncfusion.com/vue/demos/#/material3/query-builder/default.html
Before working on this project, make sure you have the latest versions of Node.js and Visual Studio Code on your machine.
To run this application, you need to clone the Getting-Started-with-the-Vue-Query-Builder-Component repository and open it in Visual Studio Code. Then, you can install all the necessary Vue packages in your project using the npm install command and run your project using the npm run dev command.