Home

Topics

• What is VueJS?
• Getting Started
• Inline Expressions
• Computed Properties
• Custom Directives
• Custom Filters
• Components and Elements
• 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
  • scope
  • proto
• DOM Element
  • el
  • template
  • replace
  • tagName
  • id
  • className
  • attributes
• Hooks
  • beforeCompile / created
  • afterCompile / ready
  • beforeDestroy
  • afterDestroy
• Private Assets
  • directives
  • filters
  • components
  • elements
  • partials
• Misc
  • lazy

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()
• vm.$before()
• vm.$after()
• 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

Filters

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