
This allows for interactive elements whether they are simple features, such as real-time chats that update as new messages come in, or more complex use cases like advanced animated GUIs that operate entirely within a web browser.

This allows for the creation of highly interactive webpages and SPAs that can perform complex operations without ever reloading the page within the browser.īy linking the DOM and the model-view, specific areas of a webpage can be rendered and updated without affecting the entire page. With Vue, the Document Object Model (DOM) is linked to the view instance, creating the model-view piece of MVVM. Prior to the advent of JavaScript frameworks like AngularJS (and eventually Vue and other frameworks such as React), the process of updating information in a browser without reloading the page required substantial JavaScript code. Traditionally, creating interactive web applications has meant creating workarounds to the inherently static nature of webpages rendered in a browser. With the ability to update HTML and CSS displayed in the browser in response to events in the underlying JavaScript, developers can use Vue to create everything from live chats to animated video games within a web browser.

This enables developers to create web applications that can run in a user’s browser and provide an interactive experience that doesn’t require refreshing the page. This simplifies the creation of modern web apps based on the single-page application (SPA) model.ĭata binding allows Vue to dynamically update HTML elements that are “bound” to underlying Vue objects. Operating within the model-view-viewmodel (MVVM) framework, the main library of Vue focuses on the viewmodel layer, providing reactive synchronization between the model and view layers via two-way data binding.

Vue extends standard HTML and CSS to create a suite of powerful tools for building the front end of interactive web applications. Vue.js (or simply Vue) is a lightweight, JavaScript framework for building reactive web user interfaces. In this post, we’ll explain the basics of Vue.js, including what it is, what you can do with it, and provide examples of sites and apps that run on this framework. To quote Evan: “I figured, what if I could just extract the part that I really liked about Angular and build something really lightweight.”

Inspired by the capabilities of AngularJS - another JavaScript framework that enabled two-way data binding and dynamic interfaces - Evan wanted to create something that offered the capabilities of AngularJS in a more lightweight format.
