Olete.in – MCQs, Mock Tests & Government Job Prep | Vue.js Vue.js Mcq Question Set 1

What is Vue JS?

1. Programming Language
2. Directives
3. Scripting Language
4. A framework

✅ Correct Answer: 2

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

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

✅ Correct Answer: 2

Vue.JS was created by which of the following companies?

1. Facebook
2. Google
3. Microsoft
4. Samsung

✅ Correct Answer: 2

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

1. Model-View-Value Model
2. Module-Value-View Model
3. Model-View-View Model
4. Model-View-View Module

✅ Correct Answer: 3

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

1. Concat() Method
2. Reverse() Method
3. Splice() Method
4. None of the mentioned

✅ Correct Answer: 2

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

1. Concat() Method
2. Reverse() Method
3. new() Method
4. None of the mentioned

✅ Correct Answer: 3

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

1. var text = new instance ({//options})
2. var text = new object ({//options})
3. var text = new class ({//options})
4. var text = new Vue({// options })

✅ Correct Answer: 4

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

1. constant
2. int
3. const
4. define

✅ Correct Answer: 3

What happens when a View Model is destroyed?

1. doesn’t affect even listeners
2. all event listeners are should be manually removed
3. all event listeners are automatically removed
4. None of the mentioned

✅ Correct Answer: 3

Which of the following statement best define Vue.js?

1. Vue.js is an open-source JavaScript library that is used for developing user interfaces.
2. Vue.js is an open-source front-end JavaScript framework used for developing user interfaces.
3. Vue.js is an open-source, cross-platform, JavaScript run-time situation that performs the JavaScript program outside a web browser.
4. Vue.js is a JavaScript library constructed to facilitate HTML DOM tree traversal and administration, event handling, CSS activity, and Ajax.

✅ Correct Answer: 2

Why is Vue.js called a progressive framework?

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

✅ Correct Answer: 1

What is the main usage of Vue.js?

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

✅ Correct Answer: 1

Which company invented Vue.js?

1. Facebook
2. Google
3. Oracle
4. Twitter

✅ Correct Answer: 2

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

1. v-on
2. v-model
3. {{}}
4. []

✅ Correct Answer: 3

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

1. We can install Vue.js by using CDN by including <script> tag in HTML file.
2. We can install Vue.js by using Node Package Manager (NPM).
3. You can install Vue.js using Bower.
4. All of the above.

✅ Correct Answer: 4

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

1. vFor
2. v-for
3. *v-for
4. None of the above.

✅ Correct Answer: 2

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

1. Vue.js is very small in size.
2. The documentation of Vue.js is very easy and comprehensive.
3. Vue.js is flexible in nature.
4. All of the above.

✅ Correct Answer: 4

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

1. .directive
2. .once
3. .capture
4. .passive

✅ Correct Answer: 4

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

1. v-on
2. v-model
3. no-one
4. v-bind

✅ Correct Answer: 2

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

1. v-on
2. v-model
3. no-one
4. v-bind

✅ Correct Answer: 4

Which of the following statement is correct for components props in Vue.js?

1. Props are used to pass down data to the child components.
2. Props are custom attributes that you can register on a component.
3. When a value is passed to a prop attribute, it becomes a property on that component instance.
4. All of the above.

✅ Correct Answer: 4

How many ways are there to define a filter in Vue.js?

1. 1
2. 2
3. 3
4. 4

✅ Correct Answer: 2

Which of the following is a core feature of Mixins in Vue.js?

1. Mixins provide great flexibility.
2. 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.
3. Mixins in Vue.js provide a great platform for code reusability.
4. All of the above.

✅ Correct Answer: 4

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

1. Model-Value-Value Model
2. Model-View-Value Model
3. Model-View-View Model
4. Module-View-View Model

✅ Correct Answer: 3

What is VueX?

1. VueX is a state management pattern and library for the Vue.js application.
2. VueX is a command used in Vue.js.
3. VueX is a component of Vue.js.
4. None of the above.

✅ Correct Answer: 1

What is the main usage of filters in Vue.js?

1. Filters are used to enhance the presentation of the view layer.
2. Filters are also reusable, and you can declare a filter globally and use it on any desirable component.
3. Filters facilitate you to format your data at the view level.
4. All of the above.

✅ Correct Answer: 4

Which of the following keyword is used to create constant in Vue.js?

1. Const
2. Constant
3. Define
4. none of the above

✅ Correct Answer: 1

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' })

1. v-bind:my-component
2. <my-component></my-component>
3. v-my-component
4. @my-component

✅ Correct Answer: 2

How many types of directives are available in Vue.js?

1. 2
2. 3
3. 4
4. 5

✅ Correct Answer: 2

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

1. install = function (Vue, options[]) {}
2. install = function (Vue, options) {}
3. install = function () {}
4. None of the above.

✅ Correct Answer: 2

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

1. <a @:click.passive="dotask"></a>
2. <a @:click.once="dotask"></a>
3. <a @:click.prevent-once="dotask"></a>
4. <a @:click.prevent-once="dotask"></a>

✅ Correct Answer: 2