The Vue.config object has these properties, which you can modify when you create the instance:
| Property | Description |
|---|
silent | defaults to false, if true suppress logs and warnings |
optionMergeStrategies | allows to define a custom merging strategy for options |
devtools | defaults to true in development, and false in production. You can override those values. |
errorHandler | allows to set an error handler function. Useful to hook Sentry and other similar services |
warnHandler | allows to set a warning handler function, similar to errorHandler, but for warnings instead of errors |
ignoredElements | used to let Vue ignore custom elements defined outside of it, like Web Components. |
keyCodes | let you define custom key aliases for v-on |
performance | defaults to false. If set to true, traces the performance of Vue components in the Browser DevTools. |
productionTip | defaults to true. Set to false to disable the warning “you’re in development mode” during development in the console. |
DOM
el | sets the DOM element where the instance mounts on. It can be a CSS Selector, or an HTMLElement |
template | is a template, represented as a string, that will replace the mounted element |
render | alternatively, to define the template, you can define a template using a render function |
renderError | set an alternative output when the function attached to render fails |
Vue instance assets
directives | the set of directives to associate to the Vue instance |
filters | the set of filters to associate to the Vue instance |
components | the set of components to associate to the Vue instance |
Vue composition options
parent | specifies the parent instance |
mixins | sets an array of mixin objects |
extends | extend another component |
Other Vue object options
name | setting a name to the component lets you invoke it, useful in debugging or when you need to recursively add a component in its template |
functional | if true, sets the component to be stateless (no data) and instances (no this), making it more lightweight |
model | allows customizing the property used in events, useful for example when interacting with forms |
comments | defaults to false. If set to true, retains the HTML comments that are put in templates |