vm.$appendTo( elementOrSelector, [callback] ) Arguments: {Element | String} elementOrSelector {Function} [callback] Returns: vm - the instance itself Usage: Append the Vue instance’s DOM element or fragment to target element. The target can be either an element or a querySelector string. This method will trigger transitions if present. The callback is fired after the transition has completed (or immediately if no transition has been triggered).

vm.$after( elementOrSelector, [callback] ) Arguments: {Element | String} elementOrSelector {Function} [callback] Returns: vm - the instance itself Usage: Insert the Vue instance’s DOM element or fragment after target element. The target can be either an element or a querySelector string. This method will trigger transitions if present. The callback is fired after the transition has completed (or immediately if no transition has been triggered).

v-ref Does not expect expression Limited to: child components Argument: id (required) Usage: Register a reference to a child component on its parent for direct access. Does not expect an expression. Must provide an argument as the id to register with. The component instance will be accessible on its parent’s $refs object. When used on a component together with v-for, the registered value will be an Array containing all the child component instances corresponding to the Array they are bou

v-if Expects: * Usage: Conditionally render the element based on the truthy-ness of the expression value. The element and its contained data bindings / components are destroyed and re-constructed during toggles. If the element is a <template> element, its content will be extracted as the conditional block. See also: Conditional Rendering

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

v-pre Does not expect expression Usage Skip compilation for this element and all its children. You can use this for displaying raw mustache tags. Skipping large numbers of nodes with no directives on them can also speed up compilation. Example: <span v-pre>{{ this will not be compiled }}</span>

v-on Shorthand: @ Expects: Function | Inline Statement Argument: event (required) Modifiers: .stop - call event.stopPropagation(). .prevent - call event.preventDefault(). .capture - add event listener in capture mode. .self - only trigger handler if event was dispatched from this element. .{keyCode | keyAlias} - only trigger handler on certain keys. Usage: Attaches an event listener to the element. The event type is denoted by the argument. The expression can either be a method na

v-show Expects: * Usage: Toggle’s the element’s display CSS property based on the truthy-ness of the expression value. Triggers transitions if present. See also: Conditional Rendering - v-show

v-html Expects: String Details: Updates the element’s innerHTML. The contents are inserted as plain HTML - data bindings are ignored. If you need to reuse template pieces, you should use partials. Internally, {{{ Mustache }}} interpolations are also compiled as a v-html directive using anchor nodes. The directive form requires a wrapper element, but offers slightly better performance and avoids FOUC (Flash of Uncompiled Content). Dynamically rendering arbitrary HTML on your website can be ve

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