Configuration globale

Cette page est en cours de traduction française. Revenez une autre fois pour lire une traduction achevée ou participez à la traduction française ici.

Vue.config est un objet contenant les configurations globales de Vue. Vous pouvez modifier les propriétés listées ci-dessous avant de mettre en place votre application :

silent

optionMergeStrategies

devtools

errorHandler

warnHandler

New in 2.4.0

ignoredElements

keyCodes

performance

Nouveau en 2.2.0

productionTip

Nouveau en 2.2.0

API globale

Vue.extend( options )

Vue.nextTick( [callback, contexte] )

Vue.set( cible, clé, valeur )

Vue.delete( cible, clé )

Vue.directive( id, [définition] )

Vue.filter( id, [définition] )

Vue.component( id, [définition] )

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 {
// Versions non supportées de Vue
}

Options / Data

data

props

propsData

computed

methods

watch

Notez que vous ne devriez pas utiliser de fonctions fléchées pour définir un observateur (exemple: saisie: nouvelleValeur => this.actualiserSuggestions(nouvelleValeur)). La raison est que les fonctions fléchées sont liées au contexte parent, donc this ne correspondra pas à l’instance de Vue et this.actualiserSuggestions vaudra undefined.

Options / DOM

el

template

render

renderError

Nouveau en 2.2.0

Options / Hooks du cycle de vie

Tous les hooks du cycle de vie ont automatiquement leur contexte this rattaché à l’instance, afin que vous puissiez accéder aux données, propriétés calculées et méthodes. Cela signifie que vous ne devriez pas utiliser une fonction fléchée pour définir une méthode du cycle de vie (p. ex. created: () => this.fetchTodos()). La raison est que les fonctions fléchées utilisent le contexte parent, donc this ne sera pas l’instance de Vue comme vous pouvez vous y attendre et this.fetchTodos sera undefined.

beforeCreate

created

beforeMount

mounted

beforeUpdate

updated

activated

deactivated

beforeDestroy

destroyed

Options / Ressources

directives

filters

components

Options / Divers

parent

mixins

extends

provide / inject

Nouveau en 2.2.0

Options / Divers

name

delimiters

functional

model

Nouveau en 2.2.0

inheritAttrs

New in 2.4.0

comments

New in 2.4.0

Propriétés d’instance

vm.$data

vm.$props

Nouveau en 2.2.0

vm.$el

vm.$options

vm.$parent

vm.$root

vm.$children

vm.$slots

vm.$scopedSlots

Nouveauté en 2.1.0

vm.$refs

vm.$isServer

vm.$attrs

vm.$listeners

Méthodes et données d’instance

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

Note: lors de la modification (et non la réassignation) d’un Object ou d’un Array, l’ancienne valeur sera la même que la nouvelle valeur car ils référencient le même Object/Array. Vue ne conserve pas de copie de la valeur avant modification.

vm.$set( cible, clé, valeur )

vm.$delete( cible, clé )

Méthodes et Événements d’Instance

vm.$on( événement, callback )

vm.$once( événement, callback )

vm.$off( [événement, callback] )

vm.$emit( événement, […arguments] )

Méthodes d’Instance / Cycle de Vie

vm.$mount( [élémentOuSelecteur] )

vm.$forceUpdate()

vm.$nextTick( [callback] )

vm.$destroy()

Directives

v-text

v-html

v-show

v-if

Quand utilisé avec v-if, v-for a une plus grande priorité par rapport à v-if. Voir le guide sur le rendu de listes pour plus de détails.

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

is

Built-In Components

component

transition

transition-group

keep-alive

slot

VNode Interface

Server-Side Rendering