extends 1.0.22+ Type: Object | Function Details: Allows declaratively extending another component (could be either a plain options object or a constructor) without having to use Vue.extend. This is primarily intended to make it easier to extend between single file components. This is similar to mixins, the difference being that the component’s own options takes higher priority than the source component being extended. Example: var CompA = { ... } // extend CompA without having to call V

vm.$mount( [elementOrSelector] ) Arguments: {Element | String} [elementOrSelector] Returns: vm - the instance itself Usage: If a Vue instance didn’t receive the el option at instantiation, it will be in “unmounted” state, without an associated DOM element or fragment. vm.$mount() can be used to manually start the mounting/compilation of an unmounted Vue instance. If no argument is provided, the template will be created as an out-of-document fragment, and you will have to use other DOM inst

array.$remove(reference) Arguments {Reference} reference Usage Remove an element from an array by reference and trigger view updates. This is a sugar method for first searching for the element in the array, and then if found, calling array.splice(index, 1). var aardvark = vm.animals[0] vm.animals.$remove(aardvark) See also: Mutation Methods

replace Type: Boolean Default: true Restriction: only respected if the template option is also present. Details: Determines whether to replace the element being mounted on with the template. If set to false, the template will overwrite the element’s inner content without replacing the element itself. If set to true, the template will overwrite the element and merge the element’s attributes with the attributes of the component’s root node. Example: <div id="replace" class="foo">&l

pluralize Arguments: {String} single, [double, triple, ...] Usage: Pluralizes the argument based on the filtered value. When there is exactly one argument, plural forms simply add an “s” at the end. When there are more than one argument, the arguments will be used as array of strings corresponding to the single, double, triple … forms of the word to be pluralized. When the number to be pluralized exceeds the length of the arguments, it will use the last entry in the array. Example: {{count

Basics Mixins are a flexible way to distribute reusable functionalities for Vue components. A mixin object can contain any component options. When a component uses a mixin, all options in the mixin will be “mixed” into the component’s own options. Example: // define a mixin object var myMixin = { created: function () { this.hello() }, methods: { hello: function () { console.log('hello from mixin!') } } } // define a component that uses this mixin var Component = Vue.

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.

Join the Vue.js Community! The vibrant community around Vue.js is continually growing. Nevertheless, helpful hands are always welcome. In fact, a growing community is the best sign of a healthy OSS project worth putting any effort into, even if it is as the user of the software. If you would like to also be a part of the Vue.js community, this page was meant to support your endeavors. Have a look at the resources listed below to get some orientation around the sailing ship of Vue.js and… ….we

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

vm.$refs Type: Object Read only Details: An object that holds child components that have v-ref registered. See also: Child Component Refs v-ref.