Home

Topics

• What is VueJS?
• Installation
• Getting Started
• Writing a Custom Directive
• Writing a Custom Filter
• Child Components
• Transitions
• Form Validation
• Routing

Examples

• TodoMVC Implementation : a fully specification-compliant TodoMVC implementation in ~110 SLOC.
• Firebase Example : a no-backend, multi-user realtime list with form validation.
• Component Example : an example of a highly-modular app architecture using Component as the build system.

API Reference

Global Methods

• Vue.extend(options)
• Vue.directive(name, [directive])
• Vue.filter(name, [filter])
• Vue.component(name, [component])
• Vue.element(name, [element])
• Vue.partial(name, [partial])
• Vue.transition(name, [transition])
• Vue.config(options)

Instantiation Options

• Data & Logic
  • data
  • methods
• DOM Element
  • el
  • template
  • replace
  • tagName
  • id
  • className
  • attributes
• Hooks
  • beforeCompile / created
  • afterCompile / ready
  • enteredView
  • leftView
  • beforeDestroy
  • afterDestroy
• Private Assets
  • directives
  • filters
  • components
  • elements
  • partials
• Misc
  • lazy

Instance Properties

• vm.$
• vm.$el
• vm.$data
• vm.$compiler
• vm.$index
• vm.$parent
• vm.$root

Instance Methods

• vm.$watch(keypath, callback)
• vm.$unwatch(keypath, [callback])
• vm.$on(event, callback)
• vm.$off([event, callback])
• vm.$emit(event, [args...])
• vm.$broadcast(event, [args...])
• vm.$appendTo(element | selector)
• vm.$before(element | selector)
• vm.$after(element | selector)
• vm.$remove()
• vm.$destroy()

Directives

• v-text
• v-html
• v-visible
• v-show
• v-class
• v-attr
• v-style
• v-on
• v-if
• v-repeat
• v-model
• v-component
• v-component-id
• v-transition
• v-partial
• v-pre

Filters

• capitalize
• uppercase
• lowercase
• currency
• pluralize
• key