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

vm.$children

vm.$children Type: Array<Vue instance> Read only Details: The direct child components of the current instance.

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

vm.$options

vm.$options Type: Object Read only Details: The instantiation options used for the current Vue instance. This is useful when you want to include custom properties in the options: new Vue({ customOption: 'foo', created: function () { console.log(this.$options.customOption) // -> 'foo' } })

lowercase

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

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.

json

json Arguments: {Number} [indent] - default: 2 Usage: Output the result of calling JSON.stringify() on the value instead of outputting the toString() value (e.g. [object Object]). Example: Print an object with 4-space indent: <pre>{{ nestedObject | json 4 }}</pre>

vm.$once()

vm.$once( event, callback ) Arguments: {String} event {Function} callback Usage: Listen for a custom event, but only once. The listener will be removed once it triggers for the first time.

v-cloak

v-cloak Does not expect expression Usage: This directive will remain on the element until the associated Vue instance finishes compilation. Combined with CSS rules such as [v-cloak] { display: none }, this directive can be used to hide un-compiled mustache bindings until the Vue instance is ready. Example: [v-cloak] { display: none; } <div v-cloak> {{ message }} </div> The <div> will not be visible until the compilation is done.

vm.$root

vm.$root Type: Vue instance Read only Details: The root Vue instance of the current component tree. If the current instance has no parents this value will be itself.