Search Adaface test library by skills or roles
⌘ K

Vue.js Online Test

The Vue.js Online Test uses scenario-based MCQ questions to evaluate a candidate's ability to develop dynamic Vue components, manipulate DOM with events, navigate users between pages, manage state using reactive stores, authenticate users, communicate with HTTP servers and use modern Vue tooling like Webpack. The test also has code-tracing MCQ questions to evaluate JavaScript/ TypeScript and coding questions to evaluate hands-on JavaScript programming skills.

Customized Based On:

  • Experience/ difficulty level
  • Multiple skills in 1 assessment
  • Job description/ role requirements

Covered Topics:

Vue fundamentals (computed properties; methods; watchers)
Manipulating DOM (events; binding; rendering)
Moving core data & logic into a Vuex Store (State; Mutations; Actions; Getters)
Design of Vuex Modules
Navigation with Vue Router
Communicating with HTTP servers
Authentication with OAuth2
See full list
Singapore government logo

The hiring managers felt that through the technical questions that they asked during the panel interviews, they were able to tell which candidates had better scores, and differentiated with those who did not score as well. They are highly satisfied with the quality of candidates shortlisted with the Adaface screening.

Human Resources Manager

Singapore Government

reduction in screening time

Sample Vue.js Online Test Questions

These are just a small sample from our library of 10,000+ questions. The actual questions on this Vue.js Test will be non-googleable.

🧐 Question🔧 Skill💪 Difficulty⌛ Time
Reactivity - Arrays and Objects
Here are different ways to make changes to arrays and objects in Vue.
Which of the following statements are true?

I) A retains reactivity of items array
II) B retains reactivity of items array
III) C retains reactivity of user object
IV) D retains reactivity of user object
VueMedium2 min
Async Await Promises
What will the following code output?
A: 24 after 5 seconds and after another 5 seconds, another 24
B: 24 followed by another 24 immediately
C: 24 immediately and another 24 after 5 seconds
D: After 5 seconds, 24 and 24
E: Undefined
F: NaN
G: None of these
Promises Async-Await
JavaScriptMedium2 min
Component Lifecycle
Consider the following Vue2 component:
What will be printed in the console?
VueMedium3 min
Column widths
CSS grid layout or CSS grid is a CSS technique that allows developers to create complex responsive web design layouts easily and consistently across browsers. The CSS grid introduced a new length unit (fr) to create flexible grid tracks. For her school project, Nu wrote the following code. What do you expect the column widths to be?
A: 1st column will be 50px wide, 2nd column will be 150px wide and 3rd column will be 300px wide.
B: 1st column will be 50px wide, 2nd column will be 50px wide and 3rd column will be 100px wide.
C: 1st column will be 50px wide, 2nd column will be 300px wide and 3rd column will be 150px wide.
D: 1st column will be 50px wide, 2nd column will be 500px wide and 3rd column will be 1000px wide.
HTML/CSSEasy2 min
In the following HTML, what will be the color of link with class "mark"
HTML/CSSMedium2 min
Footer List
Notice the footer element of Adaface website. What is the best way to write HTML code for this?
A) Ordered list
B) Unordered list inside a nav element
C) Ordered list inside a nav element
D) Unordered list
HTML/CSSEasy2 min
We have to create a HTML form for user so that they can choose between "Non-vegetarian", "Eggetarian" and "Vegetarian". The user should be able to select only one of the options. Of the following options, which is the best way to code this up?
HTML/CSSMedium2 min
Prototypes and Scope
What will the following code output?
JavaScriptMedium2 min
Promise Resolve
What does the following code output?
Promises Async-Await
JavaScriptEasy2 min
Throw, Try, Async
What does the following JS code output?
Promises Async-Await
JavaScriptEasy2 min

How to use the Adaface Vue.js Online Test

Start screening candidates within minutes with the ready-to-go Vue.js Test

1. Choose the most appropriate test for your role

2. Start inviting candidates to complete the assessment

3. Receive real time notifications and shortlist the best candidates

Customize the Adaface Vue.js Test according to your job description

1. Get a custom assessment from our library of 500+ skills within 48 hours

2. Start inviting candidates to complete the assesment

3. Receive real time notifications and shortlist the best candidates

Adaface Vue.js Test is trusted by enterprises worldwide

Morgan Stanley
SG Government
Ernst and Young
Optimum Solutions
United Nations
Love Bonito

About the Adaface Vue.js Assessment Test

Evaluate VueJS technical and coding skills with Adaface skills assessment platform powered by an intelligent chatbot


Lifecycle Hooks
Form inputs
State management
Template directives
Reactivity API
Options API
Composition API
File Uploads
Virtual DOM
ES6/ ES7
Project Scaffolding
Storage (Cookies, local storage)

Recommended Roles:

Vue JS Developer
Frontend Engineer (VueJS)
Full-stack developer (VueJS)
Senior VueJS Developer
Senior Web Developer (Vue)

Why you should use this VueJS Online Test

The VueJS Online test reduces the administrative overhead of interviewing too many candidates and saves expensive engineering time by filtering out unqualified candidates.

The Adaface VueJS Online Assessment Test screens candidates for the typical skills hiring managers look for in a VueJS developer:

  • Using components, reactive data and listening to events
  • Communication between components using props and events
  • Breaking the app into child components
  • Interacting with DOM (rendering lists, conditionally attaching/ detaching elements etc.)
  • Handling forms (Binding to form inputs)
  • HTTP requests using backend APIs
  • Handling state management by using Vuex
  • Routing and navigation guards with Vue Router
  • Designing animations and transitions
  • Setting development environment and workflow
  • Deploying the app
  • Using project boilerplates with Vue CLI
  • Using template directives
  • Using TypeScript to create type-safe applications
  • Integrating third-party libraries from npm

Along with this, the test has MCQ questions to evaluate JavaScript, HTML/ CSS knowledge and coding questions to evaluate hands-on JS programming skills.

What kind of questions are asked to evaluate Senior Vue Developers

The questions used to evaluate Senior Vue developers assess advanced Vue JS topics:

  • Deep understanding of the behind-the-scenes of Vue
  • Knowledge of the differences between imperative and declarative programming
  • Building reusable modules using the new reactivity API
  • Knowlege of new Vue 3 features like Composition API, Teleport, Suspense etc
  • Writing and testing complex interactions with Vue Test Utils
  • Using Vuetify Components
  • Efficient usage of navigation guards
  • Data persistence using IndexedDB & Localbase
  • How to test & debug the app on real iOS & Android devices
  • Able to setup Vue tooling from scratch - Webpack, Sass, PostCSS, ESLint
  • Using Vue CLI to scaffold a project

Along with these the questions will evaluate advanced JS/ TS and HTML/ CSS concepts.

Distribution Of Test Scores

The actual score distribution will vary based on your candidate pipeline quality, but you should typically expect ~20% of the candidates to do well on Adaface assessments.

The score distribution for our assessments follow the normal curve. This is a good sign- standardized tests like SAT and GRE follow the normal distribution (bell curve).

Status quo assessments typically have the exact opposite of the bell curve (too many candidates getting close to 0, too many candidates getting close to 100 and too few candidates in the middle). This is typically because they focus on theoretical questions or trick questions, which are very binary in nature- either you know the trick/ theory or you don’t.

How Adaface Is Different

Adaface conversational assessments are reflective of on-the-job skills and see an 86% completion rate as compared to ~50% for traditional assessment platforms.



Theoretical questions/ puzzles

Feels like a test

One-size-fits-all assessments




Questions for on-the-job skills




Vue.js Online Test FAQs

Can I evaluate JavsScript along with Vue?

Yes. You can evaluate both JS and Vue in the same test. You can review our standard JavaScript test to get a sense of what questions will be used. The final test will have MCQ questions for evaluating JS, VueJS and coding questions to evaluate JavaScript coding skills.

Are the questions based on Vue or Vue 2?

The questions are based on Vue 2.

Can I evaluate web development skills like HTML/ CSS in the same test?

Yes. You can evaluate both HTML/ CSS and Vue in the same test. You can review our standard HTML CSS test to get a sense of what questions will be used. The final test will have MCQ questions for evaluating HTML/ CSS, VueJS and coding questions to evaluate JavaScript coding skills.

How can I evaluate multiple frameworks like React and Vue in the same test?

We customize tests based on your job description. If your role requires candidates to know both React and Vue frameworks, then the test will have questions to assess both the skills. If you do not have hard requirement and need candidates to know either of those frameworks, then our customized test will ask candidates which framework they are familiar with and only asks questions in their preferred frontend framework. You can review our standard React test to get a sense of how the React questions will be designed.

What is a custom assessment?

Every role is different and requires a custom assessment to identify top candidates efficiently. Adaface subject matter experts understand your job description/ role requirements and pick the most relevant questions from our library of 10000+ questions to create a technical assessment that helps you find the qualified candidates in your candidate pipeline quickly. All custom assessments are set up based on the job description, role requirements, must-have skills, experience level and salary range within a maximum of 48 hours and you will get an email notification once it goes live.

Check out a sample assessment here (no credit card required).

Can I combine multiple skills into one custom assessment?

Yes, absolutely. Custom assessments are set up based on your job description, and will include questions on all must-have skills you specify.

How is Adaface different from other assessment tools?

We believe that status quo tech assessment platforms are not a fair way for companies to evaluate engineers because they focus on trick questions/ puzzles/ niche algorithms. We started Adaface to help companies find great engineers by assessing on-the-job skills required for a role. Read more about why we started Adaface.

Here's what's different with Adaface:

  • High quality non-googleable questions that test for on-the-job skills as opposed to theoretical knowledge.
  • A friendly conversational assessment with a chatbot, instead of sending a "test" to a candidate. This translates to a higher completion rate. Adaface assessments (86% candidate completion rate), as opposed to traditional tests (40-50% candidate completion rate)
  • Customized assessments for 700+ skills at different experience levels.

Do you have any anti-cheating or proctoring features in place?

We have the following anti-cheating features in place:

  • Web proctoring
  • Webcam proctoring
  • Plagairism detection
  • Non-googleable questions
  • Secure browser

Read more about the proctoring features.

How do I interpret test scores?

The primary thing to keep in mind is that an assessment is an elimination tool, not a selection tool. A skills assessment is optimized to help you eliminate candidates who are not technically qualified for the role, it is not optimized to help you find the best candidate for the role. So the ideal way to use an assessment is to decide a threshold score (typically 55%, we help you benchmark) and invite all candidates who score above the threshold for the next rounds of interview.

What experience level can I use this test for?

Each Adaface assessment is customized to your job description/ ideal candidate persona (our subject matter experts will pick the right questions for your assessment from our library of 10000+ questions). This assessment can be customized for any experience level.

Does every candidate get the same questions?

Yes, it makes it much easier for you to compare candidates. Options for MCQ questions and the order of questions are randomized. We have anti-cheating/ proctoring features in place. In our enterprise plan, we also have the option to create multiple versions of the same assessment with questions of similar difficulty levels.

I'm a candidate. Can I try a practice test?

No. Unfortunately, we do not support practice tests at the moment. However, you can use our sample questions for practice.

What is the cost of using this test?

You can check out our pricing plans.

Can I get a free trial?

The platform is completely self-serve, so here's one way to proceed:

  • You can sign up for free to get a feel for how it works.
  • The free trial includes one sample assessment (Java/ JavaScript) that you will find in your dashboard when you sign up. You can use it to review the quality of questions, and the candidate experience of a conversational test on Adaface.
  • To review the quality of questions, you can also review our public questions for 50+ skills here.
  • Once you're convinced that you want to try it out with real assessments and candidates, you can pick a plan according to your requirements.

I just moved to a paid plan. How can I request a custom assessment?

Here is a quick guide on how to request a custom assessment on Adaface.

With Adaface, we were able to optimise our initial screening process by upwards of 75%, freeing up precious time for both hiring managers and our talent acquisition team alike!

Brandon Lee, Head of People, Love, Bonito

hashtag image heart icon Brandon
Join 1200+ companies in 75+ countries.
Try the most candidate friendly skills assessment tool today.
Have any questions about the Adaface Vue.js Test?
Have any questions about the Adaface Vue.js Test?
Chat with us ✨
Terms Privacy Trust Guide