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

vm.$delete( key ) Arguments: {String} key Usage: Delete a root level property on the Vue instance (and also its $data). Forces a digest cycle. Not recommended.

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

Vue.component( id, [definition] ) Arguments: {String} id {Function | Object} [definition] Usage: Register or retrieve a global component. // register an extended constructor Vue.component('my-component', Vue.extend({ /* ... */ })) // register an options object (automatically call Vue.extend) Vue.component('my-component', { /* ... */ }) // retrieve a registered component (always return constructor) var MyComponent = Vue.component('my-component') See also: Components.

Vue.delete( object, key ) Arguments: {Object} object {String} key Usage: Delete a property on an object. If the object is reactive, ensure the deletion triggers view updates. This is primarily used to get around the limitation that Vue cannot detect property deletions, but you should rarely need to use it. See also: Reactivity in Depth

v-model Expects: varies based on input type Limited to: <input> <select> <textarea> Param Attributes: lazy number debounce Usage: Create a two-way binding on a form input element. For detailed usage, see guide section linked below. See also: Form Input Bindings

vm.$get( expression ) Arguments: {String} expression Usage: Retrieve a value from the Vue instance given an expression. Expressions that throw errors will be suppressed and return undefined. Example: var vm = new Vue({ data: { a: { b: 1 } } }) vm.$get('a.b') // -> 1 vm.$get('a.b + 1') // -> 2

parent Type: Vue instance Details: Specify the parent instance for the instance to be created. Establishes a parent-child relationship between the two. The parent will be accessible as this.$parent for the child, and the child will be pushed into the parent’s $children array. See also: Parent-Child Communication

slot Attributes: name Usage: <slot> elements serve as content distribution outlets in component templates. The slot element itself will be replaced. A slot with the name attribute is called a named slot. A named slot will distribute content with a slot attribute that matches its name. For detailed usage, see the guide section linked below. See also: Content Distribution with Slots

vm.$log( [keypath] ) Arguments: {String} [keypath] Usage: Log the current instance data as a plain object, which is more inspection-friendly than a bunch of getter/setters. Also accepts an optional key. vm.$log() // logs entire ViewModel data vm.$log('item') // logs vm.item