8 **Deprecated:** this guide targets an old version of Vuej.js (v1.0.28). See the [updated Vue.js cheatsheet](vue) for new versions.
16 <li v-for="todo in todos">
25 <button v-on:click='submit'>Go</button>
32 components: { app: App }
39 Vue.extend({ ... }) // creating components
40 Vue.nextTick(() => {...})
42 Vue.set(object, key, val) // reactive
43 Vue.delete(object, key)
45 Vue.directive('my-dir', { bind, update, unbind })
46 // <div v-my-dir='...'></div>
48 Vue.elementDirective('my-dir', { bind, update, unbind })
49 // <my-dir>...</my-dir>
51 Vue.component('my-component', Vue.extend({ .. }))
53 Vue.partial('my-partial', '<div>hi {{msg}}</div>')
54 // <partial name='my-partial'></partial>
61 props: { size: Number },
62 computed: { fullname() { return this.name + ' ' + this.lastName } },
63 methods: { go() { ... } },
64 watch: { a (val, oldVal) { ... } },
67 replace: true, // replace element (default true)
73 ready () {}, // $el is inserted for the first time
81 elementDirectives: {},
90 Via [vueify](https://www.npmjs.com/package/vueify)
95 <h1 class="red">{{msg}}</h1>
112 <template lang='jade'>
113 h1(class='red') {{msg}}