SurveyJS + Vue 3 Quickstart Template

SurveyJS is a set of JavaScript components that allow you and your users to build surveys / forms, store them in your database, and visualize survey results for data analysis. This quick start template uses Vue 3 and the following SurveyJS components:

NOTE: If you are looking for a similar quickstart template for a Vue 2 application, refer to the following project: SurveyJS + Vue 2 Quickstart Template.

Run the application

git clone https://github.com/surveyjs/surveyjs_vue3_quickstart.git
cd surveyjs_vue3_quickstart
npm i
npm run dev

Open http://localhost:5173/ in your web browser.

Template structure

This template covers most basic use cases. You can find code examples for them in the following files:

Create a standalone survey
- data/survey_json.js
- src/components/Survey.vue
Add Survey Creator to a page
- src/components/Creator.vue
Export a survey to a PDF document
- src/components/PDFGenerator.vue
Visualize survey results
- As charts
  - data/dashboard_data.js
  - src/components/Dashboard.vue
- As a table (modern browsers)
  - data/dashboard_data.js
  - src/components/DashboardTabulator.vue
- As a table (old browsers)
  - data/dashboard_data.js
  - src/views/DashboardDatatables.vue