Vue:CheatSheet

vue.js Cheat Sheet

Vue Cheat sheet

• Global
  • Config
    • silent
    • optionMergeStrategies
    • devtools
    • errorHandler
    • ignoredElements
    • keyCodes
    • performance
    • productionTip
  • API
    • Vue.extend
    • Vue.nextTick
    • Vue.set
    • Vue.delete
    • Vue.directive
    • Vue.filter
    • Vue.component
    • Vue.use
    • Vue.mixin
    • Vue.compile
    • Vue.version
• Options
  • Lifecycle Hooks
    • beforeCreate
    • created
    • beforeMount
    • mounted
    • beforeUpdate
    • updated
    • activated
    • deactivated
    • beforeDestroy
    • destroyed
  • Data
    • data
    • props
    • propsData
    • computed
    • methods
    • watch
  • DOM
    • el
    • template
    • render
    • renderError
  • Assets
    • directives
    • filters
    • components
  • Composition
    • parent
    • mixins
    • extends
    • provide/inject
  • Misc
    • name
    • delimiters
    • functional
    • model
• Methods
  • Data
    • vm.$watch
    • vm.$set
    • vm.$delete
  • Events
    • vm.$on
    • vm.$once
    • vm.$off
    • vm.$emit
  • Lifecycle
    • vm.$mount
    • vm.$forceUpdate
    • vm.$nextTick
    • vm.$destroy
• Instance
  • Properties
    • vm.$data
    • vm.$props
    • vm.$el
    • vm.$options
    • vm.$parent
    • vm.$root
    • vm.$children
    • vm.$slots
    • vm.$scopedSlots
    • vm.$refs
    • vm.$isServer
• html
  • Directives
    • v-text
    • v-html
    • v-show
    • v-if
    • v-else
    • v-else-if
    • v-for
    • v-on
    • v-bind
    • v-model
    • v-pre
    • v-cloak
    • v-once
  • Attributes
    • key
    • ref
    • slot
• Hooks
  • Directives
    • bind
    • inserted
    • update
    • componentUpdated
    • unbind
• Built-In
  • Components
    • component
    • transition
    • transition-group
    • keep-alive
    • slot
• Modifiers
  • v-model
    • v-model .lazy
    • v-model .number
    • v-model .trim
  • Event
    • v-on:click .native
    • v-on:click .stop
    • v-on:click .prevent
    • v-on:click .passive
    • v-on:click .capture
    • v-on:click .self
    • v-on:click .once
  • v-bind
    • v-bind .prop
    • v-bind .camel
    • v-bind .sync
  • Mouse
    • v-on:click .left
    • v-on:click .right
    • v-on:click .middle
  • Keyboard
    • v-on:keyup .ctrl
    • v-on:keyup .alt
    • v-on:keyup .shift
    • v-on:keyup .meta
    • 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

See also

• vue

Favorite site

• Vue.js 2.3 Complete API Cheat Sheet