surveyjs_vue_quickstart icon indicating copy to clipboard operation
surveyjs_vue_quickstart copied to clipboard

SurveyJS + Vue 2 Quickstart Template

SurveyJS + Vue 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 2 and the following SurveyJS components:

Run the application

git clone https://github.com/surveyjs/surveyjs_vue_quickstart.git
cd surveyjs_vue_quickstart
npm i
npm run serve

Open http://localhost:8080/ 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
    • src/data/survey_json.js
    • src/views/Survey.vue
  • Add Survey Creator to a page
    • src/components/SurveyCreator.vue
    • src/views/Creator.vue
  • Export a survey to a PDF document
    • src/views/ExportToPDF.vue
  • Visualize survey results
    • As charts
      • src/data/analytics_data.js
      • src/views/Analytics.vue
    • As a table (modern browsers)
      • src/data/analytics_data.js
      • src/views/AnalyticsTabulator.vue
    • As a table (old browsers)
      • src/data/analytics_data.js
      • src/views/AnalyticsDatatables.vue
  • Create a custom question type
    • src/components/customwidget.js
  • Register third-party components
    • src/components/SurveyCreator.vue