Quiz Progress: Vue.js Basic

1/20
What are the advantages of using Vue.js?
- Small in size — The size is 18 to 21KB. It requires no time for the user to download and apply it.
- Easily understandable — One of the reasons for the popularity of this framework is that it is quite easy to understand. Users can easily add Vue.js to their web project due to its simple structure.
- Straightforward integration- you can easily integrate it with the existing applications.
- Virtual DOM — It is capable of using the virtual DOM like other existing frameworks such as ReactJS, Ember, and so on. Virtual DOM is considered a lightweight in-memory tree representation of the original HTML DOM and updated without impacting the origina
- All of the above
2/20
If you use .passive and .prevent together, .prevent will be ignored. Probably, it will show you a warning.
- True
- False
3/20
Which of the directives below provide a two-way binding?
- none
- v-inline
- v-mode
- v-on
4/20
Which of the following directives is to used for attaching event listeners that invoke methods?
- v-for
- v-on
- v-model
- v-bind
5/20
What data binding interpolation is commonly known as “Mustache” syntax?
- []
- v-model
- {{}}
- v-on
6/20
How to use for loop in Vue.js?
- vFor
- *v-for
- v-for
- *ngFor
7/20
Once a View Model is destroyed, all the event listeners are automatically deleted.
- True
- False
8/20
What is the difference between v-html and v-text?
- v-text sets the textContent of the node
- v-html sets the innerHTML of the element
- Both of the statements above are true.
- Both of the statements are false.
9/20
What is the correct way of installing the vue cli globally?
- npm install vue-cli
- npm install -g vue-cli
- npm install vue-cli -global
- npm install vue-cli -g
10/20
Which of the following event modifiers is applied only for prevent clicks on the element itself?
- @click.prevent.self
- @click.self.prevent
- @click.stop
- @click.prevent
11/20
What is used to dynamically bind one or more attributes either a component property to an expression?
- v-pre
- v-bind
- v-once
- v-html
12/20
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 })
13/20
What keyword is used for generating a constant in Vue.js?
- Define
- Const
- None of the above.
14/20
What event modifier is used for performing the click event only for one time?
- <a @click.once="dotask"></a>
- <a @click.prevent-once="dotask"></a>
- <a @click.stop="dotask"></a>
- <a @click.passive="dotask"></a>
15/20
V-show does not support the <template> element.
- True
- False
16/20
Which of the following is the full form of MVVM?
- Model-View-ValueModel
- Model-Value-ValueModel
- Model-View-ViewModel
- Module-Value-ViewModel
17/20
All are life cycle hooks in Vue except ...
- beforeCreate
- created
- mounted
- beforeMount
- didMount
18/20
What is the difference between v-show and v-if directives?
- v-if only renders the element to the DOM if the expression passes whereas v-show renders all elements to the DOM and then uses the CSS display property to show/hide elements based on expression.
- v-if supports v-else and v-else-if directives whereas v-show doesn't support else directives.
- v-if supports tab but v-show doesn't support.
- All of the above
19/20
How $parent is described in Vue?
- The $parent property, like $root, can be used for accessing the parent instance from a child.
- It provides direct access, making the application hard to test and debug.
- Both of the options above are true.
- None of the above is true.
20/20
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.
To get the result of the quiz, please provide your email address (optional)..