VueJS MCQ (Multiple Choice Questions) With Answers, VueJS Online Quiz

1 .

Who is developed by Vue.js?

A)

Evan You

B)

MiÅ¡ko Hevery

C)

Ryan Dahl

D)

Jordan Walke

Correct Answer : Evan You

Explanation : VueJS is an open source progressive JavaScript framework used to develop interactive web interfaces. VueJS is created by Evan You, an ex-employee from Google. The first version of VueJS was released in Feb 2014.

2 .

When Vue.js was initially Released?

A)

February 2012

B)

February 2013

C)

February 2014

D)

February 2015

Correct Answer : February 2014

3 .

What is Vue JS?

A)

A framework

B)

Directives

C)

Scripting Language

D)

Programming Language

Correct Answer : Directives

Explanation :

Vue.js lets you extend HTML with HTML attributes called directives

Vue.js directives offers functionality to HTML applications

Vue.js provides built-in directives and user defined directives

4 .

Which of the following is the correct definition of Vue JS?

A)

Vue.js is an open-source JavaScript front-end framework for creating user interfaces

B)

Vue.js is a JavaScript library for creating user interfaces that are open-source

C)

Vue.js is a cross-platform, open-source JavaScript run-time environment that executes JavaScript code outside of a web browser

D)

Vue.js is a JavaScript library that makes traversing and administering the HTML DOM tree, event handling, CSS activity, and Ajax easier

Correct Answer : Vue.js is an open-source JavaScript front-end framework for creating user interfaces

5 .

Why is Vue.js called a progressive framework?

A)

Vue.js is called a progressive framework because it follows the latest JavaScript standards.

B)

Vue.js is called a progressive framework because it facilitates us to create Dynamic User Interfaces and single-page applications.

C)

Vue.js is called a progressive framework because it is being changed and developed continually.

D)

All of the above.

Correct Answer : Vue.js is called a progressive framework because it is being changed and developed continually.

6 .

Which company invented Vue.js?

A)

Apple

B)

Twitter

C)

Facebook

D)

Google

Correct Answer : Google

Explanation : Evan You is the founder/inventor of Vue.js. He was working at Google on several Angular projects when he founded Vue.js.

7 .

Which of the following data binding interpolation is also known as "Mustache" syntax?

A)

[]

B)

{{}}

C)

v-on

D)

v-model

Correct Answer : {{}}

Explanation : The {{}} data binding interpolation is also known as "Mustache" syntax.

8 .

Which of the following is the correct syntax to use for loop in Vue.js?

A)

*v-for

B)

vFor

C)

v-for

D)

None of the above.

Correct Answer : v-for

Explanation : The "v-for" is the correct syntax to use for loop in Vue.js.

9 .

Which of the following is the correct way to install Vue.js in your project?

A)

You can install Vue.js using Bower.

B)

We can install Vue.js by using Node Package Manager (NPM).

C)

We can install Vue.js by using CDN by including <script> tag in HTML file.

D)

All of the above.

Correct Answer : All of the above.

Explaination : All of the above are the correct ways to install Vue.js in your project.

10 .

Which of the following syntax is correct for creating a Vue.js instance?

A)

var text = new Vue({// options })

B)

var text = new text ({//options})

C)

var text = new class ({//options})

D)

var text = new object ({//options})

Correct Answer : var text = new Vue({// options })

Explanation : The correct syntax for creating instance is var text = new Vue({// options }).

11 .

Which of the following is the advantage of using Vue.js?

A)

Vue.js is very small in size.

B)

Vue.js is flexible in nature.

C)

The documentation of Vue.js is very easy and comprehensive.

D)

All of the above.

Correct Answer : All of the above.

Explanation : All of the above are the advantages of using vue.js.

12 .

Which of the following modifier is very useful for improving the performance of mobile devices?

A)

.once

B)

.passive

C)

.capture

D)

.directive

Correct Answer : .passive

Explanation : The ".passive" modifier is very useful for improving the performance of mobile devices.

13 .

Which of the following is the full-form of MVVM?

A)

Model-View-Value Model

B)

Model-View-View Module

C)

Model-View-View Model

D)

Module-Value-View Model

Correct Answer : Model-View-View Model

Explanation : The MVVM design allows for the development of the graphical user interface to be separated from the rest of the application using mark-up language or GUI code. Model–View–ViewModel is the full form of MVVM.

14 .

Which of the following method does not represent the non-mutation?

A)

Splice() Method

B)

Concat() Method

C)

Reverse() Method

D)

None of the above

Correct Answer : Reverse() Method

Explanation : The Reverse() method does not represent the non-mutation.

15 .

Which of the following method is an array detection mutation method?

A)

new() Method

B)

Concat() Method

C)

Reverse() Method

D)

None of the above

Correct Answer : new() Method

Explanation : As the name suggests, mutation methods modifies the original array. The array mutation methods which trigger view updates are push(), pop(), shift(), unshift(), splice(), sort(), reverse()

16 .

Which keyword is used to create a constant in Vue.JS?

A)

int

B)

const

C)

define

D)

constant

Correct Answer : const

Explanation : To create constant const keyword is used. The best practice is to create a seperate file for defining consants.

17 .

What happens when a View Model is destroyed?

A)

Doesnâ€™t affect even listeners

B)

All event listeners are automatically removed

C)

All event listeners are should be manually removed

D)

None of the above

Correct Answer : All event listeners are automatically removed

Explanation : A ViewModel code can be of pure logic and DOM-free because you don’t have to manually attach event listeners in JS. This makes testing a lot easier. All event listeners are automatically removed when a ViewModel is destroyed.

18 .

Which of the following are the features available with VueJS?

A)

Virtual DOM

B)

Data Binding

C)

Event Handling

D)

All of the above

Correct Answer : All of the above

Explanation : All of the above are the features available with VueJS.

19 .

To start with VueJS, we need to create the instance of Vue, which is called the?

A)

root Vue

B)

Vue Instance

C)

root Instance

D)

root Vue Instance

Correct Answer : root Vue Instance

Explanation : To start with VueJS, we need to create the instance of Vue, which is called the root Vue Instance.

20 .

__________ are one of the important features of VueJS that creates custom elements, which can be reused in HTML.

A)

Events

B)

Binding

C)

Vue Components

D)

Vue custom properties

Correct Answer : Vue Components

Explanation : Vue Components are one of the important features of VueJS that creates custom elements, which can be reused in HTML.

21 .

To bind HTML class, we need to use ____________.

A)

v-bind: class

B)

a-bind: class

C)

p-bind: class

D)

d-bind: class

Correct Answer : v-bind: class

Explanation : To bind HTML class, we need to use v-bind: class.

22 .

which class is used to define the delay, duration, and easing curve for entering in the transition phase?

A)

v-enter

B)

v-enter-active

C)

v-leave

D)

v-leave-active

Correct Answer : v-enter-active

Explanation : V-enter-active : This class is used to define the delay, duration, and easing curve for entering in the transition phase. This is the active state for entire and the class is available during the entire entering phase.

23 .

Which of the following event modifier should we use to perform the click event only for the one time?

A)

<a @:click.once="dotask"></a>

B)

<a @:click.passive="dotask"></a>

C)

<a @:click.prevent-once="dotask"></a>

D)

<a @:click.prevent-once="dotask"></a>

Correct Answer :

<a @:click.once="dotask"></a>

24 .

Which of the following is the correct syntax to install Vue.js plug-in?

A)

install = function () {}

B)

install = function (Vue, options) {}

C)

install = function (Vue, options[]) {}

D)

None of the above.

Correct Answer : install = function (Vue, options) {}

25 .

The Following code represents the registered component. How can you call the custom component in my template?

Vue.component('my-component', {  
template: 'my own component!'  
})  
new Vue({  
el: '#demo'  
})

A)

@my-component

B)

v-my-component

C)

v-bind:my-component

D)

<my-component></my-component>

Correct Answer :

<my-component></my-component>

26 .

Which of the following directive is used for one-way data binding in Vue.js?

A)

v-on

B)

no-one

C)

v-model

D)

v-bind

Correct Answer : v-bind

Explanation : The v-bind directive is used for one-way data binding in Vue.js.

27 .

Which of the following directive is used for two-way binding in Vue.js?

A)

v-on

B)

no-one

C)

v-model

D)

v-bind

Correct Answer : v-model

Explanation : The v-model directive is used for two-way binding in Vue.js.