Vue.nextTick( callback ) Arguments: {Function} callback Usage: Defer the callback to be executed after the next DOM update cycle. Use it immediately after you’ve changed some data to wait for the DOM update. // modify data vm.msg = 'Hello' // DOM not updated yet Vue.nextTick(function () { // DOM updated }) See also: Async Update Queue

vm.$broadcast( event, […args] ) Arguments: {String} event [...args] Usage: Broadcast an event that propagates downward to all descendants of the current instance. Since the descendants expand into multiple sub-trees, the event propagation will follow many different “paths”. The propagation for each path will stop when a listener callback is fired along that path, unless the callback returns true. Example: var parent = new Vue() // child1 and child2 are siblings var child1 = new Vue({ paren

Vue.set( object, key, value ) Arguments: {Object} object {String} key {*} value Returns: the set value. Usage: Set a property on an object. If the object is reactive, ensure the property is created as a reactive property and trigger view updates. This is primarily used to get around the limitation that Vue cannot detect property additions. See also: Reactivity in Depth

partials Type: Object Details: A hash of partial strings to be made available to the Vue instance. See also: Special Elements - partial

Vue.elementDirective( id, [definition] ) Arguments: {String} id {Object} [definition] Usage: Register or retrieve a global element directive. // register Vue.elementDirective('my-element', { bind: function () {}, // element directives do not use `update` unbind: function () {} }) // getter, return the directive definition if registered var myDirective = Vue.elementDirective('my-element') See also: Element Directives

compiled Type: Function Details: Called after the compilation is finished. At this stage all directives have been linked so data changes will trigger DOM updates. However, $el is not guaranteed to have been inserted into the document yet. See also: Lifecycle Diagram

Angular There are a few reasons to use Vue over Angular, although they might not apply for everyone: Vue.js is much simpler than Angular, both in terms of API and design. You can learn almost everything about it really fast and get productive. Vue.js is a more flexible, less opinionated solution. That allows you to structure your app the way you want it to be, instead of being forced to do everything the Angular way. It’s only an interface layer so you can use it as a light feature in pages

extends 1.0.22+ Type: Object | Function Details: Allows declaratively extending another component (could be either a plain options object or a constructor) without having to use Vue.extend. This is primarily intended to make it easier to extend between single file components. This is similar to mixins, the difference being that the component’s own options takes higher priority than the source component being extended. Example: var CompA = { ... } // extend CompA without having to call V

Join the Vue.js Community! The vibrant community around Vue.js is continually growing. Nevertheless, helpful hands are always welcome. In fact, a growing community is the best sign of a healthy OSS project worth putting any effort into, even if it is as the user of the software. If you would like to also be a part of the Vue.js community, this page was meant to support your endeavors. Have a look at the resources listed below to get some orientation around the sailing ship of Vue.js and… ….we

v-for Expects: Array | Object | Number | String Param Attributes: track-by stagger enter-stagger leave-stagger Usage: Render the element or template block multiple times based on the source data. The directive’s value must use the special syntax alias (in|of) expression to provide an alias for the current element being iterated on: <div v-for="item in items"> {{ item.text }} </div> Note using of as the delimiter is only supported in 1.0.17+. Alternatively, you can also specif