Q31. What are key modifiers?
Vue supports key modifiers on `v-on` for handling keyboard events. Let's take an example of keyup event with enter keycode. ```html ``` Remembering all the key codes is r...
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 (251 available).
Active:
Tag: vue ×
Q32. How do you define custom key modifier aliases?
You can define custom key modifier aliases via the global `config.keyCodes`. There are few guidelines for the properties 1. You can't use camelCase. Instead you can use k...
Q33. What are the supported System Modifier Keys?
Vue supports below modifiers to trigger mouse or keyboard event listeners when the corresponding key is pressed, 1. .ctrl 2. .alt 3. .shift 4. .meta Lets take an example ...
Q34. What are the supported Mouse Button Modifiers?
Vue supports below mouse button modifiers 1. .left 2. .right 3. .middle For example, the usage of `.right` modifier as below ```vue ``` ****
Q35. How do you implement two-way binding?
You can use the `v-model` directive to create two-way data bindings on form input, textarea, and select elements. Lets take an example of it using input component, ```vue...
Q36. What are the supported modifiers on model?
There are three modifiers supported for v-model directive. **1. lazy:** By default, v-model syncs the input with the data after each input event. You can add the lazy mod...
Q37. What are components and give an example?
Components are reusable Vue instances with a name. They accept the same options as new Vue, such as data, computed, watch, methods, and lifecycle hooks(except few root-sp...
Q38. What are props?
Props are custom attributes you can register on a component. When a value is passed to a prop attribute, it becomes a property on that component instance. You can pass th...
Q39. When component needs a single root element?
In VueJS 2.x, every component must have a single root element **when template has more than one element**. In this case, you need to wrap the elements with a parent eleme...
Q40. How do you communicate from child to parent using events?
If you want child wants to communicate back up to the parent, then emit an event from child using `$emit` object to parent, ```javascript Vue.component('todo-item', { pro...