🧪 Vue.js MCQ Quiz Hub

1. What is Vue JS?
Programming Language
Directives
Scripting Language
A framework

2. Which of the following is the correct definition of Vue JS?
Vue.js is a JavaScript library that makes traversing and administering the HTML DOM tree, event handling, CSS activity, and Ajax easier
Vue.js is an open-source JavaScript front-end framework for creating user interfaces
Vue.js is a JavaScript library for creating user interfaces that are open-source
Vue.js is a cross-platform, open-source JavaScript run-time environment that executes JavaScript code outside of a web browser

3. Vue.JS was created by which of the following companies?
Facebook
Google
Microsoft
Samsung

4. Which of the following is the full-form of MVVM?
Model-View-Value Model
Module-Value-View Model
Model-View-View Model
Model-View-View Module

5. Which of the following method does not represent the non-mutation?
Concat() Method
Reverse() Method
Splice() Method
None of the mentioned

6. Which of the following method is an array detection mutation method?
Concat() Method
Reverse() Method
new() Method
None of the mentioned

7. Which of the following syntax is correct for creating a Vue.js instance?
var text = new instance ({//options})
var text = new object ({//options})
var text = new class ({//options})
var text = new Vue({// options })

8. Which keyword is used to create a constant in Vue.JS?
constant
int
const
define

9. What happens when a View Model is destroyed?
doesn’t affect even listeners
all event listeners are should be manually removed
all event listeners are automatically removed
None of the mentioned

10. Which of the following statement best define Vue.js?
Vue.js is an open-source JavaScript library that is used for developing user interfaces.
Vue.js is an open-source front-end JavaScript framework used for developing user interfaces.
Vue.js is an open-source, cross-platform, JavaScript run-time situation that performs the JavaScript program outside a web browser.
Vue.js is a JavaScript library constructed to facilitate HTML DOM tree traversal and administration, event handling, CSS activity, and Ajax.

11. Why is Vue.js called a progressive framework?
Vue.js is called a progressive framework because it is being changed and developed continually.
Vue.js is called a progressive framework because it facilitates us to create Dynamic User Interfaces and single-page applications.
Vue.js is called a progressive framework because it follows the latest JavaScript standards.
All of the above.

12. What is the main usage of Vue.js?
Vue.js is a dynamic JavaScript framework that is frequently used for developing user interfaces.
Vue.js is a JavaScript library that makes user interfaces for single-page applications by dividing UI into components.
Vue.js uses the MVVM pattern to bind data to certain DOM elements.
All of the above.

13. Which company invented Vue.js?
Facebook
Google
Oracle
Twitter

14. Which of the following data binding interpolation is also known as "Mustache" syntax?
v-on
v-model
{{}}
[]

15. Which of the following is the correct way to install Vue.js in your project?
We can install Vue.js by using CDN by including <script> tag in HTML file.
We can install Vue.js by using Node Package Manager (NPM).
You can install Vue.js using Bower.
All of the above.

16. Which of the following is the correct syntax to use for loop in Vue.js?
vFor
v-for
*v-for
None of the above.

17. Which of the following is the advantage of using Vue.js?
Vue.js is very small in size.
The documentation of Vue.js is very easy and comprehensive.
Vue.js is flexible in nature.
All of the above.

18. Which of the following modifier is very useful for improving the performance of mobile devices?
.directive
.once
.capture
.passive

19. Which of the following directive is used for two-way binding in Vue.js?
v-on
v-model
no-one
v-bind

20. Which of the following directive is used for one-way data binding in Vue.js?
v-on
v-model
no-one
v-bind

21. Which of the following statement is correct for components props in Vue.js?
Props are used to pass down data to the child components.
Props are custom attributes that you can register on a component.
When a value is passed to a prop attribute, it becomes a property on that component instance.
All of the above.

22. How many ways are there to define a filter in Vue.js?
1
2
3
4

23. Which of the following is a core feature of Mixins in Vue.js?
Mixins provide great flexibility.
Mixin contains options for Vue.js components. You can use Mixins in Vue.js safely because they do not affect changes outside their defined scope.
Mixins in Vue.js provide a great platform for code reusability.
All of the above.

24. Which of the following is the correct full form of MVVM?
Model-Value-Value Model
Model-View-Value Model
Model-View-View Model
Module-View-View Model

25. What is VueX?
VueX is a state management pattern and library for the Vue.js application.
VueX is a command used in Vue.js.
VueX is a component of Vue.js.
None of the above.

26. What is the main usage of filters in Vue.js?
Filters are used to enhance the presentation of the view layer.
Filters are also reusable, and you can declare a filter globally and use it on any desirable component.
Filters facilitate you to format your data at the view level.
All of the above.

27. Which of the following keyword is used to create constant in Vue.js?
Const
Constant
Define
none of the above

28. 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' })
v-bind:my-component
<my-component></my-component>
v-my-component
@my-component

29. How many types of directives are available in Vue.js?
2
3
4
5

30. Which of the following is the correct syntax to install Vue.js plug-in?
install = function (Vue, options[]) {}
install = function (Vue, options) {}
install = function () {}
None of the above.

31. Which of the following event modifier should we use to perform the click event only for the one time?
<a @:click.passive="dotask"></a>
<a @:click.once="dotask"></a>
<a @:click.prevent-once="dotask"></a>
<a @:click.prevent-once="dotask"></a>