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

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

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

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

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.

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.

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

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

debug Type: Boolean Default: false Usage: Vue.config.debug = true When in debug mode, Vue will: Print stack traces for all warnings. Make all anchor nodes visible in the DOM as Comment nodes. This makes it easier to inspect the structure of the rendered result. Debug mode is only available in development build.