Q241. How does reactivity works with ref?
VueJS automatically detects the changes to ref's value and updates the DOM with a dependency-tracking based reactivity system. 1. When a component is rendered for the fir...
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 ×
Q242. How to use composition API in Vue2.0?
Vue 2.0 does not have native support for the Composition API, but you can use it via the official plugin: `@vue/composition-api`. Let's see the usage in step-by-step inst...
Q243. What is composition API?
The **Composition API** in Vue 3 is a new way to organize and reuse logic in Vue components. It was introduced to address some limitations of the **Options API** (used in...
Q244. What are the benefits of composition API?
The composition API provides several benefits over the traditional Options API as listed below. 1. Better logic reuse and code organization: 2. Better typescript support:...
Q245. What are composition functions?
**Composition functions** (commonly called **Vue Composables**) are functions that leverage Vue's Composition API to encapsulate, manage, and reuse **stateful logic** acr...
Q246. What is teleport?
The `` component allows you to render a part of your component's template into a different location in the DOM — outside the current component's hierarchy. #### Example: ...
Q247. What is the purpose of HTML directive?
The `v-html` directive is used to update the inner html of a DOM element with latest data. It is similar to innerHTML property in DOM. The example usage of this directive...
Q248. What are the key differences between Vue 2 and Vue 3?
| Feature | Vue 2 | Vue 3 | | ------------------ | ------------------------- | ------------------------------------ | | API Style | Options API | Composition API + Option...
Q249. What is watch() and how is it used?
The `watch()` function observes a **reactive source**((like `ref`, `reactive`, getter functions or computed values)) and runs a **callback function** whenever that source...
Q250. What are the lifecycle hooks in the Vue 3 Composition API and how are they used?
In **Composition API**, lifecycle hooks are functions you call **inside the `setup()` function** to hook into different stages of a component's lifecycle. These hooks rep...