Configuração Global

Vue.config é um objeto contendo a configuração global do Vue. Você pode modificar suas propriedades listadas abaixo antes de iniciar sua aplicação:

silent

optionMergeStrategies

devtools

errorHandler

ignoredElements

keyCodes

performance

Novo no 2.2.0

productionTip

Novo no 2.2.0

Global API

Vue.extend( options )

Vue.nextTick( [callback, context] )

Vue.set( target, key, value )

Vue.delete( target, key )

Vue.directive( id, [definition] )

Vue.filter( id, [definition] )

Vue.component( id, [definition] )

Vue.use( plugin )

Vue.mixin( mixin )

Vue.compile( template )

Vue.version

var version = Number(Vue.version.split('.')[0])
if (version === 2) {
// Vue v2.x.x
} else if (version === 1) {
// Vue v1.x.x
} else {
// Unsupported versions of Vue
}

Options / Data

data

props

propsData

computed

methods

watch

Opções / DOM

el

template

<<<<<<< HEAD:src/api/index.md

<<<<<<< HEAD

render

- Tipo: Function

=======

If render function is present in the Vue option, the template will be ignored.

refs/remotes/vuejs/master

render

<<<<<<< HEAD

Se o componente é um componente funcional, a função render também recebe um argumento extra `context`, que fornece acesso à dado contextual uma vez que componentes funcionais são instance-less.

=======
If the component is a functional component, the render function also receives an extra argument context, which provides access to contextual data since functional components are instance-less.

<p class="tip">The `render` function has priority over the render function compiled from `template` option or in-DOM HTML template of the mounting element which is specified by the `el` option.</p>

refs/remotes/vuejs/master

<<<<<<< HEAD:src/api/index.md

renderError

New in 2.2.0

Opções / Lifecycle Hooks

Todos os lifecycle hooks automaticamente possuem seus contextos this vinculados à instância, assim você pode acessar dados, propriedades computadas e métodos. Isso significa que você não deve usar uma arrow function para definir um método lifecycle (e.g. created: () => this.fetchTodos()). Isto porque arrow functions vinculam o contexto pai, assim this não será a instância Vue como você espera e this.fetchTodos será undefined.

beforeCreate

<<<<<<< HEAD:src/api/index.md

- Ver também: Diagrama do Ciclo de Vida

created

<<<<<<< HEAD:src/api/index.md

- Ver também: Diagrama do Ciclo de Vida

beforeMount

<<<<<<< HEAD:src/api/index.md

- Ver também: Diagrama do Ciclo de Vida

mounted

<<<<<<< HEAD:src/api/index.md

- Ver também: Diagrama do Ciclo de Vida

beforeUpdate

<<<<<<< HEAD:src/api/index.md

- Ver também: Diagrama do Ciclo de Vida

updated

<<<<<<< HEAD:src/api/index.md
O DOM do componente estará no estado updated quando este hook for invocado, assim você pode realizar operações DOM-dependent neste hook.

Entretanto, na maioria dos casos você deveria evitar mudar o estado deste hook, pois isso pode ocasionar um update loop infinito.

The component’s DOM will have been updated when this hook is called, so you can perform DOM-dependent operations here. However, in most cases you should avoid changing state inside the hook. To react to state changes, it’s usually better to use a computed property or watcher instead.

refs/remotes/vuejs/master:src/v2/api/index.md

Este hook não é invocado durante a renderização server-side.

<<<<<<< HEAD:src/api/index.md

- Ver também: Diagrama do Ciclo de Vida

activated

deactivated

beforeDestroy

<<<<<<< HEAD:src/api/index.md

- Ver também: Diagrama do Ciclo de Vida

destroyed

<<<<<<< HEAD:src/api/index.md
Este hook não é invocado durante a renderização server-side.

- Ver também: Diagrama do Ciclo de Vida

Options / Assets

directives

filters

components

Options / Composition

parent

mixins

extends

provide / inject

New in 2.2.0

Options / Misc

name

delimiters

functional

model

New in 2.2.0

Instance Properties

vm.$data

vm.$props

New in 2.2.0

vm.$el

vm.$options

vm.$parent

vm.$root

vm.$children

vm.$slots

vm.$scopedSlots

New in 2.1.0

vm.$refs

vm.$isServer

Instance Methods / Data

vm.$watch( expOrFn, callback, [options] )

Note: when mutating (rather than replacing) an Object or an Array, the old value will be the same as new value because they reference the same Object/Array. Vue doesn’t keep a copy of the pre-mutate value.

vm.$set( target, key, value )

vm.$delete( target, key )

Instance Methods / Events

vm.$on( event, callback )

vm.$once( event, callback )

vm.$off( [event, callback] )

vm.$emit( event, […args] )

Instance Methods / Lifecycle

vm.$mount( [elementOrSelector] )

vm.$forceUpdate()

vm.$nextTick( [callback] )

vm.$destroy()

Directives

v-text

v-html

v-show

v-if

v-else

v-else-if

New in 2.1.0

v-for

v-on

v-bind

v-model

v-pre

v-cloak

v-once

Special Attributes

key

ref

slot

Built-In Components

component

transition

transition-group

keep-alive

slot

VNode Interface

Server-Side Rendering