Test Your Vue.js Basics Knowledge - Can You Ace Our 25-Question Quiz?

1/25 If you use .passive and .prevent together, .prevent will be ignored. Probably, it will show you a warning.

True
False

2/25 How to use for loop in Vue.js?

vFor
*v-for
v-for
*ngFor

3/25 Once a View Model is destroyed, all the event listeners are automatically deleted.

True
False

4/25 Which is the correct way of generating a new instance in Vue.js?

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

5/25 All are life cycle hooks in Vue except ...

beforeCreate
created
mounted
beforeMount
didMount

6/25 V-model directive is used in ...

two-way data binding where the view(UI) part of application automatically updates when data Model is changed.
two-way data binding where the view(UI) part of application does not update automatically. We need to write some custom code to make it updated every time a data model is changed.
one-way data binding where the view(UI) part of application automatically updates when data Model is changed.
one-way data binding where the view(UI) part of application does not updates automatically. Some custom code should be written for making it updated every time a data model is modified.

7/25 What is Vuex used for in a Vue.js application?

Server-side rendering
Managing global application state
Routing
Component styling

8/25 How do you conditionally render elements in a Vue.js template?

Using the 'v-for' directive
Using the 'v-model' directive
Using the 'v-if', 'v-else-if', and 'v-else' directives
Using the 'v-show' directive

9/25 In Vue.js, what is a 'directive' primarily used for?

To manage state
To perform HTTP requests
To manipulate the DOM
To define methods

10/25 Which command is used to create a new Vue.js project using Vue CLI?

vue create project-name
vue new project-name
vue init project-name
vue start project-name

11/25 Which lifecycle hook in Vue.js is called right after the DOM has been updated?

created
beforeUpdate
updated
mounted

12/25 Which method is used to programmatically navigate to a different route in Vue.js using Vue Router?

this.$route.navigate('/path')
this.$router.push('/path')
Vue.navigate('/path')
this.$router.goto('/path')

13/25 In Vue.js, what is the purpose of the 'v-cloak' directive?

To conditionally render elements
To delay the rendering of a component
To prevent flickering of uncompiled content
To cloak sensitive data

14/25 In Vue.js, which option is used to define a component's initial data state?

data: {}
state: {}
model: {}
props: {}

15/25 What does the 'v-once' directive do in Vue.js?

Listens to an event only once
Renders the element or component once and skips future updates
Applies a CSS class once
Executes a method only once

16/25 What is the main use of the 'methods' property in a Vue.js component?

To store computed properties
To define functions that can be used in template expressions and event handlers
To bind external libraries
To define initial data values

17/25 In Vue.js, which is the correct way to register a local component?

Vue.component('my-component', {})
components: {'my-component': {}}
Vue.register('my-component', {})
Vue.use('my-component', {})

18/25 What is the main use of the 'v-pre' directive in Vue.js?

To pre-load data before rendering a component
To skip compilation for this element and all its children
To give priority rendering to an element
To preserve the original state of an element

19/25 How can you access the route parameters in a Vue component using Vue Router?

this.$route.params
this.params
Vue.getParams()
this.$router.params

20/25 In Vue.js, which of the following is a correct way to make a deep watch on an object?

watch: { 'object': { deep: true } }
watch: { object: { handler: 'method', deep: true } }
watch: { object.deep: 'method' }
this.$watch('object', 'method', { deep: true })

21/25 What is the purpose of the 'name' property in a Vue.js component?

To specify the name used in the DOM
To define the component's name for recursive calls
To set the name attribute on the root element
To identify the component in Vue Devtools

22/25 In Vue.js, how does the 'v-model' directive work with a checkbox input?

It binds to the 'checked' property of the checkbox
It binds to the 'value' attribute of the checkbox
It toggles the 'disabled' state of the checkbox
It is not applicable for checkbox inputs

23/25 In Vue.js, what does the 'mounted' lifecycle hook represent?

The component is about to be mounted
The component has been inserted into the DOM
The component's data has been initialized
The component is about to be updated

24/25 In Vue.js, how can you conditionally apply multiple classes to an element?

Using the v-bind directive with an object syntax
Using multiple v-class directives
Using the v-style directive
This is not possible in Vue.js

25/25 What is the primary function of the 'computed' properties in Vue.js?

To store and manage global state
To execute functions upon event triggering
To calculate derived state based on reactive data
To bind DOM elements to component data

Image for the last page of the Certificate