NEW: Get up and running with single file Vue components, hot-reload, lint-on-save and unit testing in minutes with

Basics In addition to the default set of directives shipped in core, Vue.js also allows you to register custom directives. Custom directives

Method Handler We can use the v-on directive to listen to DOM events:

A common need for data binding is manipulating an element’s class list and its inline styles. Since they are both attributes, we can use v-bind to handle them:

v-if In string templates, for example Handlebars, we would write a conditional block like this:

Vue.js (pronounced /vjuː/, like view) is a library for building interactive web interfaces. The goal of Vue.js is to provide the benefits of reactive

Vue.js uses a DOM-based templating implementation. This means that all Vue.js templates are essentially valid, parsable HTML enhanced with some special attributes. Keep that

Basics Similar to custom directives, you can register a custom filter with the global Vue.filter() method, passing in a

v-for We can use the v-for directive to render a list of items based on an Array. The v-for directive requires

In-template expressions are very convenient, but they are really meant for simple operations only. Templates are meant to describe the structure of your view. Putting too much