Vue.

js (commonly referred to as Vue; pronounced /vjuː/, like view) is an open-source JavaScript

framework for building user interfaces.[4] Integration into projects that use other JavaScript libraries is
simplified with Vue because it is designed to be incrementally adoptable. Vue can also function as a web
application framework capable of powering advanced single-page applications.

Contents

1 Overview

2 History

3 Features

3.1 Templates

3.2 Reactivity

3.3 Components

3.4 Transitions

3.5 Routing

4 Integrations

4.1 Mobility

4.2 UI Toolkits

5 Supporting libraries

6 See also

7 References

Overview

Vue.js is a JavaScript front-end framework that was built to organize and simplify web development.

The project focuses on making ideas in web UI development (components, declarative UI, hot-reloading,
time-travel debugging, etc.) more approachable. It attempts to be less opinionated and thus easier for
developers to pick up.

It features an incrementally adoptable architecture. The core library focuses on declarative rendering
and component composition and can be embedded into existing pages. Advanced features required for
complex applications such as routing, state management and build tooling are offered via officially
maintained supporting libraries and packages.[5]
History

Vue was created by Evan You after working for Google using AngularJS in a number of projects. He later
summed up his thought process, "I figured, what if I could just extract the part that I really liked about
Angular and build something really lightweight."[6] Vue was originally released in February 2014.

Features

Templates

Vue uses an HTML-based template syntax that allows you to declaratively bind the rendered DOM to the
underlying Vue instance’s data. All Vue templates are valid HTML that can be parsed by spec-compliant
browsers and HTML parsers. Under the hood, Vue compiles the templates into virtual DOM render
functions. Combined with the reactivity system, Vue is able to calculate the minimal number of
components to re-render and apply the minimal amount of DOM manipulations when the app state
changes.

In Vue, you can use the template syntax or choose to directly write render functions using JSX. In order
to do so just replace the template option with a render function.[7] Render functions open up
possibilities for powerful component-based patterns — for example, the new transition system is now
completely component-based, using render functions internally.[8]

Reactivity

One of Vue’s most distinctive features is the unobtrusive reactivity system. Models are just plain
JavaScript objects. When you modify them, the view updates. It makes state management very simple
and intuitive. Vue provides optimized re-rendering out of the box without you having to do anything.
Each component keeps track of its reactive dependencies during its render, so the system knows
precisely when to re-render, and which components to re-render.[9]