- 
          
 - 
                Notifications
    
You must be signed in to change notification settings  - Fork 33.8k
 
Home
        Evan You edited this page Dec 15, 2013 
        ·
        21 revisions
      
    VueJS is a MVVM library. Similar to AngularJS, VueJS uses DOM-based templates - that is, you can simply use HTML and enhance it with data-binding through directives and filters. However, VueJS is not a framework. Its goal is to provide a lighter, simpler alternative while keeping all the magical data-binding goodness.
VueJS is:
- Lightweight (10kb minified and gzipped & no dependency)
 - Simple (focused on the ViewModel only)
 - Modular (Nestable ViewModels & module system friendly)
 - Powerful (diretives, filters, computed properties, auto dependency tracking, expressions, transitions, custom elements...)
 
VueJS would be particularly attractive if you:
- Like plain object models
 - Like CommonJS
 - Use Component as your build system
 
If you haven't done so yet, start with the Getting Started Guide. For example applications, check out the TodoMVC implementation and the Vue + Firebase example. For an example of structuring your project with Component for a highly-modular architecture, take a look at the Vue + Component example.
- Vue.config(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.extend(options)
 
- Data & Logic
- scope
 
 - DOM Element
- el
 - template
 - replace
 - id
 - tagName (only honored is 
elis not present) - className
 - attributes
 
 - Hooks
- init
 - teardown
 
 - Encapsulation
- directives
 - filters
 - components
 - elements
 - partials
 
 - Misc
- lazy
 
 
- 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.$destroy()
 
- v-text
 - v-html
 - v-visible
 - v-show
 - v-class
 - v-attr
 - v-style
 - v-on
 - v-if
 - v-repeat
 - v-model
 
- capitalize
 - uppercase
 - lowercase
 - currency
 - pluralize
 - key