ready

ready Type: Function Details: Called after compilation and the $el is inserted into the document for the first time, i.e. right after the first attached hook. Note this insertion must be executed via Vue (with methods like vm.$appendTo() or as a result of a directive update) to trigger the ready hook. See also: Lifecycle Diagram

array.$set()

array.$set(index, value) Arguments {Number} index {*} value Usage Set an element in the array to a value by index and trigger view updates. vm.animals.$set(0, { name: 'Aardvark' }) See also: Array Detection Caveats

devtools

devtools Type: Boolean Default: true (false in production builds) Usage: // make sure to set this synchronously immediately after loading Vue Vue.config.devtools = true Configure whether to allow vue-devtools inspection. This option’s default value is true in development builds and false in production builds. You can set it to true to enable inspection for production builds.

vm.$after()

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).

vm.$appendTo()

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).

Vue.transition()

Vue.transition( id, [hooks] ) Arguments: {String} id {Object} [hooks] Usage: Register or retrieve a global transition hooks object. // register Vue.transition('fade', { enter: function () {}, leave: function () {} }) // retrieve registered hooks var fadeTransition = Vue.transition('fade') See also: Transitions.

lowercase

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

elementDirectives

elementDirectives Type: Object Details: A hash of element directives to be made available to the Vue instance. See also: Element Directives Assets Naming Convention

Building Large-Scale Apps

NEW: Get up and running with single file Vue components, hot-reload, lint-on-save and unit testing in minutes with vue-cli! The Vue.js core library is designed to be focused and flexible - it’s just a view layer library that doesn’t enforce any application-level architecture. While this can be great for integrating with existing projects, it could be a challenge for those with less experience to build larger scale applications from scratch. The Vue.js ecosystem provides a set of tools and lib

partial

partial Attributes: name Usage: <partial> elements serve as outlets for registered template partials. Partial contents are also compiled by Vue when inserted. The <partial> element itself will be replaced. It requires a name attribute which will be used to resolve the partial’s content. Example: // registering a partial Vue.partial('my-partial', '<p>This is a partial! {{msg}}</p>') <!-- a static partial --> <partial name="my-partial"></partial> &l