Vuejs-quiz NPM

vuejs-quiz

#installation

npm i vuejs-quiz
yarn add vuejs-quiz

for what?

VueJS component for creating quizes where user should choose 1 right answer of 4 variants

where could i use it?

Anywhere. As for me: this component was created for quiz-game multipage site on CMS Wordpress. Questions and Answers were released with help of Advanced Custom List plugin. I wrote php page template that gets data from acl fields, makes some logic and send json answers to VueJS component.
backend-script you can see in example/online-game.php

usage

How to install and correctly use component you can see in 'example/index.js'.

Install Vue;
Install VueCookie, tell Vue to use it;
Add component in Vue;
Create object/class that implements all methods, that are present in src/assets/js/iServer.js;
If you have any problems on this step - see examples in *src/assets/js folder;
Add html-placeholder for component;
Pass object from p.4 as iServer prop to component;

attention

One important think - as you could see, component need one prop to be set = iServer. In OOP terms, this object is implementation of server-communication interface. You can see it structure in src/assets/js/iServer.js.

In example, there are 2 implementation of iServer:

iServerLocal.js - just returning json objects with required fields, backend is not needed;
iServerRemote.js - axios-based implementation, that could get data over HTTP-GET requests from server;

As an example, you could use iServerLocal.js and start project on local machine, no backend needed.