Q1. When should you use v-if instead of v-show?
v-if conditionally renders: when the expression is falsy the element and its children are not created, and they are destroyed when it flips. It supports v-else and v-else...
Technical Question Bank · Peer-Reviewed
Job Interview Questions and Answers Directory
Search and filter frequently asked interview questions across technical, programming, and behavioral domains. Tailor your interview preparation by difficulty for freshers or experienced developers (23 available).
Active:
Tag: directives ×
Q2. What are the conditional directives?
VueJS provides set of directives to show or hide elements based on conditions. The available directives are: **v-if, v-else, v-else-if and v-show** **1. v-if:** The v-if ...
Q3. What is the difference between v-show and v-if directives?
Below are some of the main differences between **v-show** and **v-if** directives, 1. v-if only renders the element to the DOM if the expression passes whereas v-show ren...
Q4. What is the purpose of v-for directive?
The built-in v-for directive allows us to loop through items in an array or object. You can iterate on each element in the array or object. 1. **Array usage:** ```javascr...
Q5. Why should not use if and for directives together on the same element?
It is recommended not to use v-if on the same element as v-for. Because v-if directive has a higher priority than v-for. There are two cases where developers try to use t...
Q6. Why do you need to use key attribute on for directive?
In order to track each node's identity, and thus reuse and reorder existing elements, you need to provide a unique `key` attribute for each item with in `v-for` iteration...
Q7. How do you use v-for directive with a range?
You can also use integer type(say 'n') for `v-for` directive which repeats the element many times. ```javascript {{ n }} ``` It displays the number 1 to 20. ****
Q8. How do you use v-for directive on template?
Just similar to v-if directive on template, you can also use a `` tag with v-for directive to render a block of multiple elements. Let's take a todo example, ```javascrip...
Q9. How do you customize model directive for a component?
The v-model directive on a component uses **value** as the prop and **input** as the event, but some input types such as `checkboxes` and `radio buttons` may need to use ...
Q10. What are custom directives?
Custom Directives are tiny commands that you can attach to DOM elements. They are prefixed with v- to let the library know you're using a special bit of markup and to kee...