Scribd
Upload
156 views

VueJS Cheat Sheet

This document summarizes various configuration, data, component, directive, event, and instance options and methods available in Vue. It outlines both core and extended functionality including global config, lifecycle hooks, data properties, built-in components, directives, event modifiers, and instance methods.

Uploaded by

oraculus_lunae
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
156 views

VueJS Cheat Sheet

This document summarizes various configuration, data, component, directive, event, and instance options and methods available in Vue. It outlines both core and extended functionality including global config, lifecycle hooks, data properties, built-in components, directives, event modifiers, and instance methods.

Uploaded by

oraculus_lunae
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 5

Config Global API Global Lifecycle Hooks Options

silent Vue.extend beforeCreate


optionMergeStrategies Vue.nextTick created
devtools Vue.set beforeMount
errorHandler Vue.delete mounted
ignoredElements Vue.directive beforeUpdate
keyCodes Vue.filter updated
performance 2.2 Vue.component activated
productionTip 2.2 Vue.use deactivated
Vue.mixin beforeDestroy
Vue.compile destroyed
Vue.version
Data Options Assets Options Data Methods

data directives vm.$watch


props filters vm.$set
propsData components vm.$delete
computed
methods Composition Options Events Methods

watch parent vm.$on


mixins vm.$once
DOM Options extends vm.$off
el provide / inject 2.2 vm.$emit
template
render Misc Options Lifecycle Methods

renderError 2.2 name vm.$mount


delimiters vm.$forceUpdate
functional vm.$nextTick
model 2.2 vm.$destroy
Properties Instance Directives html Directives Hooks

vm.$data v-text bind


vm.$props 2.2 v-html inserted
vm.$el v-show update
vm.$options v-if componentUpdated
vm.$parent v-else unbind
vm.$root v-else-if 2.1

vm.$children v-for Attributes html

vm.$slots v-on key


vm.$scopedSlots 2.1 v-bind ref
vm.$refs v-model slot
vm.$isServer v-pre
v-cloak
v-once
Components Built-In Event Modifiers Mouse Modifiers

component v-on:click .native v-on:click .left 2.2

transition v-on:click .stop v-on:click .right 2.2

transition-group v-on:click .prevent v-on:click .middle 2.2

keep-alive v-on:click .passive 2.3

slot v-on:click .capture

v-on:click .self

v-model Modifiers v-on:click .once 2.1.4

v-model .lazy

v-model .number v-bind Modifiers

v-model .trim v-bind .prop

v-bind .camel 2.1

v-bind .sync 2.3


Keyboard Modifiers

v-on:keyup .ctrl 2.1

v-on:keyup .alt 2.1

v-on:keyup .shift 2.1

v-on:keyup .meta 2.1

v-on:keyup .enter

v-on:keyup .tab

v-on:keyup .delete

v-on:keyup .esc

v-on:keyup .up

v-on:keyup .down

v-on:keyup .left

v-on:keyup .right

You might also like