Books

Learn HTML Learn CSS Learn Git Learn Javascript Learn PHP Learn python Learn Java

Exercises

HTML JavaScript Git CSS PHP

Courses Quizzes Snippets

Tools

General Tools

Password Generator
HTML Editor
HTML Encoder
Base 64
Code Diff
JSON Beautifier
CSS Beautifier
Markdown Convertor
Find the Closest Tailwind CSS Color
Phrase encrypt / decrypt
Browser Feature Detection
Number convertor

CSS Maker

CSS Maker
CSS Maker text shadow
CSS Maker Text Rotation
CSS Maker Out Line
CSS Maker RGB Shadow
CSS Maker Transform
CSS Maker Font Face

Color Tools

Color Picker
Colors CMYK
Colors HWB
Colors HSL
Color Hex
Color mixer
Color Converter
Colors RGB
Color Contrast Analyzer
Color Gradient

String Tools

String Length Calculator
MD5 Hash Generator
Sha256 Hash Generator
String Reverse
URL Encoder
URL Decoder
Base 64 Encoder
Base 64 Decoder
Extra Spaces Remover
String to Lowercase
String to Uppercase
Word Count Calculator
Empty Lines Remover
HTML Tags Remover
Binary to Hex
Hex to Binary
Rot13 Transform on a String
String to Binary
Duplicate Lines Remover

Books
How To

Vue.js Basics

1/25 What data binding interpolation is commonly known as “Mustache” syntax?
- []
- v-model
- {{}}
- v-on
2/25 How to use for loop in Vue.js?
- vFor
- *v-for
- v-for
- *ngFor
3/25 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
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 What keyword is used for generating a constant in Vue.js?
- Define
- Const
- None of the above.
6/25 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>
7/25 Which of the following is the full form of MVVM?
- Model-View-ValueModel
- Model-Value-ValueModel
- Model-View-ViewModel
- Module-Value-ViewModel
8/25 All are life cycle hooks in Vue except ...
- beforeCreate
- created
- mounted
- beforeMount
- didMount
9/25 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
10/25 In Vue.js, what is the role of the 'watch' property?
- To perform deep object comparisons
- To execute a function when a specific data property changes
- To bind data to template elements
- To loop through items in an array
11/25 Which Vue.js lifecycle hook should be used for fetching data when a component is created?
- mounted
- created
- beforeCreate
- beforeMount
12/25 What is the purpose of the 'mixins' feature in Vue.js?
- For styling components
- For sharing functionality between components
- For rendering components on the server side
- For managing application state
13/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
14/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')
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 typical use case for the 'created' lifecycle hook in Vue.js?
- To manipulate the DOM
- To initialize data, set up event listeners, and start timers
- To fetch server-side data
- To integrate with other JavaScript libraries
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 Which Vue.js feature is used to transform props into local, reactive data?
- Computed properties
- Watchers
- Data properties
- Props down, events up
20/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
21/25 What is the main purpose of the 'beforeRouteEnter' navigation guard in Vue Router?
- To modify route parameters before entering a route
- To perform actions before the route is confirmed
- To prevent navigation to a new route
- To load data before entering a route
22/25 How do you declare a prop in Vue.js that has a default value and validation?
- props: { propName: { default: value, validator: function } }
- props: ['propName', default: value, validate: function]
- props: { propName: value, validator: function }
- props: { propName: { value, validator: function } }
23/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
24/25 What is the primary use of the 'props' option in a Vue.js component?
- To pass data to child components
- To receive data from parent components
- To store internal component state
- To define computed properties
25/25 In Vue.js, what is the purpose of the 'ref' attribute?
- To reference a DOM or component instance
- To define a repeating element in 'v-for'
- To store data references for reactivity
- To set up a two-way data binding
To get the result of the quiz, please provide your email address (optional)..

It seems you haven't answered any questions yet. Please provide your answers to proceed.

Quizzes
Snippets
Our Books
- Learn HTML
- Learn CSS
- Learn Git
- Learn Javascript
- Learn PHP
- Learn python
- Learn Java
- Exercises
- HTML
- JavaScript
- Git
- CSS
- PHP
Our Tools

About Us
Privacy Policy for W3Docs

Follow Us

Company © W3docs. All rights reserved.