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

events Type: Object Details: An object where keys are events to listen for and values are the corresponding callbacks. Note these are Vue events rather than DOM events. The value can also be a string of a method name. The Vue instance will call $on() for each entry in the object at instantiation. Example: var vm = new Vue({ events: { 'hook:created': function () { console.log('created!') }, greeting: function (msg) { console.log(msg) }, // can also use a st

filterBy Limited to: directives that expect Array values, e.g. v-for Arguments: {String | Function} targetStringOrFunction "in" (optional delimiter) {String} [...searchKeys] Usage: Return a filtered version of the source Array. The first argument can either be a string or a function. When the first argument is a string, it will be used as the target string to search for in each element of the Array: <div v-for="item in items | filterBy 'hello'"> In the above example, only items that

el Type: String | HTMLElement | Function Restriction: only accepts type Function when used in a component definition. Details: Provide the Vue instance an existing DOM element to mount on. It can be a CSS selector string, an actual HTMLElement, or a function that returns an HTMLElement. Note that the provided element merely serves as a mounting point; it will be replaced if a template is also provided, unless replace is set to false. The resolved element will be accessible as vm.$el. When

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.

destroyed Type: Function Details: Called after a Vue instance has been destroyed. When this hook is called, all bindings and directives of the Vue instance have been unbound and all child Vue instances have also been destroyed. Note if there is a leaving transition, the destroyed hook is called after the transition has finished. See also: Lifecycle Diagram

detached Type: Function Details: Called when vm.$el is removed from the DOM by a directive or a VM instance method. Direct manipulation of vm.$el will not trigger this hook.

delimiters Type: Array<String> Default: ["{{", "}}"] Usage: // ES6 template string style Vue.config.delimiters = ['${', '}'] Change the plain text interpolation delimiters.

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

debounce Limited to: directives that expect Function values, e.g. v-on Arguments: {Number} [wait] - default: 300 Usage: Wrap the handler to debounce it for x milliseconds, where x is the argument. Default wait time is 300ms. A debounced handler will be delayed until at least x ms has passed after the call moment; if the handler is called again before the delay period, the delay period is reset to x ms. Example: <input @keyup="onKeyup | debounce 500">