Show Menu
Cheatography

VueJS Cheat Sheet (DRAFT) by

Cheat sheet about vueJS an best practices

This is a draft cheat sheet. It is a work in progress and is not finished yet.

Directives

// conditionnal rendering 
v-if
v-else
v-show

// Les principales différences sont :
- v-if sera plutot utilisé en cas de contenu apparaissant au render
- v-show sera utilisé comme un switch block/none
 

Lifecycle method / script part method

METHOD
UTILIS­ATION
before­Created
Avant l'init­ial­isation des data
created
Juste apres l'init­ial­isation des datas, avant le render
before­Mount
mounted
Une fois le template rendu et les data distri­buées
before­Update
updated
Quand le DOM virtuel est rendu apres changement des données dans le composant
before­Destroy
destroyed