You are on page 1of 8

Q type Level CategorySkill SubSkillTopic

Single Beginner Concept UI VueJS Fundamentals

Multiple Intermediate Concept UI VueJS

Fundamentals
Single Beginner Concept UI VueJS Directives

Single Intermediate Coding UI VueJS Components

Single Intermediate Concept UI VueJS Objects


Multiple Intermediate Concept UI VueJS Lifecycle hooks
True or False Intermediate Concept UI VueJS Lifecycle hooks
Single Intermediate Coding UI VueJS Fundamentals
Multiple Intermediate Concept UI VueJS Directives

Single Intermediate Concept UI VueJS


Events
Single Intermediate Concept UI VueJS Directives
Multiple Intermediate Concept UI VueJS Fundamentals

Single Intermediate Concept UI VueJS

Computed Properties
Single Expert Concept UI VueJS Computed Properties
Single Beginner Concept UI VueJS
Fundamentals
Single Intermediate Concept UI VueJS Events
Single Beginner Concept UI VueJS
Components
Single Intermediate Concept UI VueJS Mixins
True or False Intermediate Concept UI VueJS
Events
Multiple Beginner Concept UI VueJS Directives
Single Beginner Concept UI VueJS Directives
Single Beginner Concept UI VueJS Fundamentals
Single Beginner Concept UI VueJS Fundamentals
True or False Beginner Concept UI VueJS Fundamentals
Single Beginner Concept UI VueJS Fundamentals
Single Intermediate Concept UI VueJS Directives
Single Intermediate Concept UI VueJS Fundamentals

Single Intermediate Concept UI VueJS Events

True or False Intermediate Concept UI VueJS Directives


Single Intermediate Concept UI VueJS
Lifecycle hooks
Single Expert Concept UI VueJS Directives
Q text Option/ Answer 1

What is Vue.js? Progressive framework

var app3 = new Vue({


el: '#app',
})
Vue instance can be created using
V-on is a Directive

Vue.component('todo-
item', {
template: '<li>This is a
todo</li>'
})
A component can be created using
Which one prevents existing properties from being changed? Object.values()
Vue instance lifecycle hooks are Mounted
Create method gets triggered before mounted method. 1
How to render raw html <p>{{ rawHtml }}</p>
What are the in built directives provided by vue.js V-for
What is the modifier in the below line
<form v-on:submit.prevent="onSubmit"> ... </form>
.prevent
computed properties are
Shorthand notation for <a v-bind:href="url"> ... </a> is <a @href="url">
cached based on ... </a>
their
Which of these are true? reactive dependencies.

computed: {
now: () {
return Date.now()
}
}

Which is the proper way of creating a computed property?


Can we use setters and getters in computed properties? Yes
To give Vue a hint so
that it can track each
What is the use of key attribute? object in the array
Select the event modifier which is not for v-on? .stop
a component’s data
option must be a
Which
When aofmixin
the following is true?
and the component itself contain overlapping options, they will function
be? Merged
.prevent will be ignored if we use .passive and .prevent together and it will
probably show you a warning. 1
Which directive is used to make two-way binding ? v-inline
Which directive is to used to attach event listeners that invoke methods? v-for
Which data binding interpolation is also known as “Mustache” syntax? []
How to use for loop in vue js? vFor
When a View Model is destroyed, all event listeners are automatically removed. 1
How
WhichtoisInstall
used tothedynamically
vue cli globally?
bind one or more attributes, or a component npm install vue-cli
property to an expression? v-pre
What is the correct way to create new instance in vue.js? var text = new Vue({ // op
<a
Which event modifier will be used, if we want to perform the click event only for @:click.once="dotask"><
one time? /a>
V-show doest not support the <template> element. 1

All are life cycle hooks in Vue except ... ? beforeCreate


What is the difference between v-show and v-if directives? v-if only renders the ele
Option/ Option/
Option/ Answer Correct
Option/ Answer 2 Option/ Answer 3 Answer Answer
4 Answer
5 6

Library Plugin 1

var app3 = new


var app3 = new Vue({ var app3 = new Vuex({ Vue.extend({
el: '#app-1', el: '#app', el: '#app-3',
}) }) })
1&2
Filter Listener Modifier 1

Vue.component('todo-item', Vue.component('todo Vuex.component('t


[ -item', data, { odo-item', {
{ template: '<li>This is a template: '<li>This is template: '<li>This
todo</li>' } a todo</li>' is a todo</li>'
]) }) })
1
Object.freezeIt() Object.freeze() Object.keys() 3
Updated Destroyed Methods 1, 2 & 3
<p
0 <p>{{ rawHtml | v:html="rawHtml"> T
<p v-html="rawHtml"></p> ‘html’}}</p> </p> 2
V-on V-test V-mouse 1&2

computed
:submit methods
v-on are not properties are not 1
methods are cached based cached based on their cached based on
<a
on :href="url">
their reactive... </a> <a v:href="url"> ... </a>their reactive
reactive 2
dependencies. dependencies. dependencies. 1&3

computed: { computed: {
now() { now function () {
return Date.now() return Date.now()
} }
} }
2
No 1
To give Vue a hint so that it To give some random
can track each node’s value to every DOM
identity element 2
.lazy .capture .self .once .passive 2
a component’s data
a component’s data option option must have a
must be an object variable defined 1
Overridden 1

0 T
v-model v-on None of the above 2
v-on v-model v-bind 2
v-model {{}} v-on 3
*v-for v-for *ngFor 3
0 T
npm install -g vue-cli npm install vue-cli -glo npm install vue-cli -g 2
v-bind v-once v-html 2
var text = new vue(){ // optionvar text = new object({ var text = new text({ // options }) 1
<a <a
<a @:click.prevent- @:click.stop="dotask" @:click.passive="d
once="dotask"></a> ></a> otask"></a> 2
0 T
didMount
created mounted beforeMount 5
v-if supports v-else and v-els v-if supports tab but v All of the above 4
Randomize
Author's Email id(optional)
options

All nagaraju.setti@capgemini.com

All nagaraju.setti@capgemini.com
All nagaraju.setti@capgemini.com

All nagaraju.setti@capgemini.com
All nagaraju.setti@capgemini.com
All nagaraju.setti@capgemini.com
All nagaraju.setti@capgemini.com
All nagaraju.setti@capgemini.com
All nagaraju.setti@capgemini.com

All nagaraju.setti@capgemini.com
All nagaraju.setti@capgemini.com
All nagaraju.setti@capgemini.com

All nagaraju.setti@capgemini.com
All nagaraju.setti@capgemini.com

All nagaraju.setti@capgemini.com
All nagaraju.setti@capgemini.com

All nagaraju.setti@capgemini.com
All nagaraju.setti@capgemini.com

All nagaraju.setti@capgemini.com
nagaraju.setti@capgemini.com
All nagaraju.setti@capgemini.com
All nagaraju.setti@capgemini.com
All nagaraju.setti@capgemini.com
All nagaraju.setti@capgemini.com
All nagaraju.setti@capgemini.com
All nagaraju.setti@capgemini.com
All nagaraju.setti@capgemini.com

All nagaraju.setti@capgemini.com
All nagaraju.setti@capgemini.com

All nagaraju.setti@capgemini.com
All nagaraju.setti@capgemini.com

You might also like