If you understand JavaScript well, Vue.js should be easy to learn. To help with that, Vue provides excellent 

Vue.js is very performant. Vue works with a virtual DOM, a lightweight representation of the actual DOM. It allows Vue to optimize updates and significantly improve performance compared to traditional DOM manipulation with JavaScript.

Vue.js is reactive, meaning the content you render is tied to your data. Once part of your data changes, the connected part of the DOM automatically re-renders.

Vue.js also offers many rendering options, from showing or hiding content to rendering lists of content. It can speed up development immensely once you are familiar with it.
With its component-based development, Vue also helps structure code, which makes maintaining it easier.

Vue puts a lot of emphasis on the fact that it is a progressive framework. You can understand progressive as in incrementally adoptable.
That means you can introduce Vue into an existing project step by step. You don't have to rewrite everything, instead, you can only use Vue for a specific page or section of your app.

Vue.js is quite easy to start with and has several options that can make it more complex.
Since Vue 3, you can use the 

They are different interfaces powered by the exact same underlying system and the fundamental concepts and knowledge about Vue are shared across the two styles.

In this project, we will use the Options API. With this API, you structure the code in JavaScript objects. This makes sense for people who are used to group code in an object-oriented way.
The Composition API is also great. It has some advantages for bigger projects and when adding Typescript but we will not be using TypeScript for this project. I've chosen the Options API because it is generally considered more beginner-friendly. Once you know the Options API syntax well, you can learn the Composition API in just a few hours of reading the 

If you check out the official Vue.js documentation, you will find a toggle switch for those two API styles on the left. You can see that the code changes when you toggle. Keep this in mind when you read up on stuff! Per default, the Composition API is activated in the documentation, so while working with the Options API, remember to switch the toggle.

, who still maintains it together with his team. It is open-source, and you can be sure that it will be continued due to its popularity.

---
title: Why you should learn Vue.js
isPublicLesson: true
description: Get an overview about Vue.js and learn about why Vue is a progressive framework, the different APIs, and the virual DOM.
---

## Why you should learn Vue.js

If you understand JavaScript well, Vue.js should be easy to learn. To help with that, Vue provides excellent [documentation](https://vuejs.org/guide/introduction.html) with many examples.

Vue.js is very performant. Vue works with a virtual DOM, a lightweight representation of the actual DOM. It allows Vue to optimize updates and significantly improve performance compared to traditional DOM manipulation with JavaScript.

Vue.js is reactive, meaning the content you render is tied to your data. Once part of your data changes, the connected part of the DOM automatically re-renders.

Vue.js also offers many rendering options, from showing or hiding content to rendering lists of content. It can speed up development immensely once you are familiar with it.
With its component-based development, Vue also helps structure code, which makes maintaining it easier.

Vue puts a lot of emphasis on the fact that it is a progressive framework. You can understand progressive as in incrementally adoptable.
That means you can introduce Vue into an existing project step by step. You don't have to rewrite everything, instead, you can only use Vue for a specific page or section of your app.

Vue.js is quite easy to start with and has several options that can make it more complex.
Since Vue 3, you can use the **Composition API** as well as the **Options API**. As the official Vue.js [documentation](https://vuejs.org/guide/introduction.html#api-styles) states:

> They are different interfaces powered by the exact same underlying system and the fundamental concepts and knowledge about Vue are shared across the two styles.

In this project, we will use the Options API. With this API, you structure the code in JavaScript objects. This makes sense for people who are used to group code in an object-oriented way.
The Composition API is also great. It has some advantages for bigger projects and when adding Typescript but we will not be using TypeScript for this project. I've chosen the Options API because it is generally considered more beginner-friendly. Once you know the Options API syntax well, you can learn the Composition API in just a few hours of reading the [documentation](https://vuejs.org/guide/introduction.html#api-styles) and practicing.

If you check out the official Vue.js documentation, you will find a toggle switch for those two API styles on the left. You can see that the code changes when you toggle. Keep this in mind when you read up on stuff! Per default, the Composition API is activated in the documentation, so while working with the Options API, remember to switch the toggle.

Vue was created by a guy named [Evan You](https://evanyou.me), who still maintains it together with his team. It is open-source, and you can be sure that it will be continued due to its popularity.


Katharina

Get an overview about Vue.js and learn about why Vue is a progressive framework, the different APIs, and the virual DOM.

Learn

The newline Guide to Building Your First GraphQL Server with Node and TypeScript

Teach

Amelia Wattenberger

Author of Fullstack D3

Community

Masterclasses

Tutorials

Fullstack React with TypeScript