Installation

Compatibility Note Vue.js does not support IE8 and below, because Vue.js uses ECMAScript 5 features that are un-shimmable in IE8. However Vue.js supports all ECMAScript 5 compliant browsers. Release Notes Detailed release notes for each version are available on GitHub. Standalone Simply download and include with a script tag. Vue will be registered as a global variable. Pro tip: don’t use the minified version during development. you will miss out all the nice warnings for common mistakes. D

uppercase

uppercase Example: {{ msg | uppercase }} ‘abc’ => ‘ABC’

transitions

transitions Type: Object Details: A hash of transitions to be made available to the Vue instance. See also: Transitions

limitBy

limitBy Limited to: directives that expect Array values, e.g. v-for Arguments: {Number} limit {Number} [offset] Usage: Limit the array to the first N items, as specified by the argument. An optional second argument can be provided to set a starting offset. <!-- only display first 10 items --> <div v-for="item in items | limitBy 10"></div> <!-- display items 5 to 15 --> <div v-for="item in items | limitBy 10 5"></div>

vm.$log()

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

slot

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

Vue.component()

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.

init

init Type: Function Details: Called synchronously after the instance has just been initialized, before data observation and event / watcher setup. See also: Lifecycle Diagram

partials

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

v-bind

v-bind Shorthand: : Expects: * (with argument) | Object (without argument) Argument: attrOrProp (optional) Modifiers: .sync - make the binding two-way. Only respected for prop bindings. .once - make the binding one-time. Only respected for prop bindings. .camel - convert the attribute name to camelCase when setting it. Only respected for normal attributes. Used for binding camelCase SVG attributes. Usage: Dynamically bind one or more attributes, or a component prop to an expression.