Suggest an edit

Improve this article

Refine the answer for “What is Vue.js?”. Your changes go to moderation before they’re published.

Approval required

Content

What you’re changing

Title (EN)

Short answer (EN)

Shown above the full answer for quick recall.

Answer (EN)

### What is Vue.js

**Vue.js** is a progressive framework for building user interfaces. Its main goal is to simplify the development of interactive web applications by providing a **reactive data model** and a **declarative approach** to describing the UI. Vue lets you adopt its capabilities incrementally: you can use it as a simple library to manage part of a page, or as a full-fledged framework for complex SPAs (Single Page Applications).

---

### Key features of Vue.js

1. **Data reactivity** - Vue automatically tracks changes in state and updates the DOM when the data changes.
2. **Declarative rendering** - templates describe *what* should be displayed, not *how* to do it.
3. **Component-based approach** - the interface is split into reusable components.
4. **Simplicity and flexibility** - a low entry barrier, easy integration with existing projects.
5. **Tools and ecosystem** - Vue CLI, Vite, Pinia (the new state manager), Vue Router, and so on.

---

### How Vue.js differs from React and Angular

| Criterion | **Vue.js** | **React** | **Angular** |
|---|---|---|---|
| **Type** | Framework (progressive framework) | UI library | Full-fledged framework |
| **Template approach** | HTML-like templates (`.vue` files) | JSX (JavaScript + XML) | HTML templates with directives |
| **Reactivity** | Built-in reactive system at the data level (Proxy) | Through state and the Virtual DOM | Change detection via a zone (`zone.js`) |
| **Learning curve** | The smoothest, especially for beginners | Medium (JS/JSX concepts) | Steep (many concepts and boilerplate) |
| **Size** | Small (~30KB) | Medium (~40-45KB) | Large (>100KB) |
| **Tools** | Vue DevTools, Vite, Pinia | React DevTools, CRA/Vite, Redux | Angular CLI, RxJS |
| **Approach to data** | Reactivity out of the box, computed/watch | Manual state management | Uses services and DI |
| **Typing** | Support via Vue + TypeScript | Works great with TS | Fully in TS |
| **Architectural flexibility** | High, features can be added as needed | High, but requires ecosystem decisions | Rigidly structured architecture |

---

### In short

- **Vue** - a balance of simplicity and power; easy to start with, but it scales.
- **React** - provides powerful UI functionality through components and the Virtual DOM, but requires an ecosystem of third-party libraries.
- **Angular** - an all-in-one enterprise framework, but harder to learn and heavier.

Markdown · drag & drop images · ⌘B / ⌘I shortcuts393 words

For the reviewer

Note to the moderator (optional)

Visible only to the moderator. Helps review go faster.