---
title: Vue.js v1.0.28
category: JavaScript
deprecated: true
weight: -10
intro: |
**Deprecated:** this guide targets an old version of Vuej.js (v1.0.28). See the [updated Vue.js cheatsheet](vue) for new versions.
---
{% raw %}
### Lists
```html
{{ todo.text }}
{{ $index }}
```
### Events
```html
Go
```
### Components
```js
new Vue({
components: { app: App }
})
```
## API
```js
Vue.extend({ ... }) // creating components
Vue.nextTick(() => {...})
Vue.set(object, key, val) // reactive
Vue.delete(object, key)
Vue.directive('my-dir', { bind, update, unbind })
//
Vue.elementDirective('my-dir', { bind, update, unbind })
// ...
Vue.component('my-component', Vue.extend({ .. }))
Vue.partial('my-partial', 'hi {{msg}}
')
//
```
```js
new Vue({
data: { ... }
props: ['size'],
props: { size: Number },
computed: { fullname() { return this.name + ' ' + this.lastName } },
methods: { go() { ... } },
watch: { a (val, oldVal) { ... } },
el: '#foo',
template: '...',
replace: true, // replace element (default true)
// lifecycle
created () {},
beforeCompile () {},
compiled () {},
ready () {}, // $el is inserted for the first time
attached () {},
detached () {},
beforeDestroy () {},
destroyed () {},
// options
directives: {},
elementDirectives: {},
filters: {},
components: {},
transitions: {},
partials: {}
})
```
## Vue templates
Via [vueify](https://www.npmjs.com/package/vueify)
```js
// app.vue
{{msg}}
```
Also
```html
h1(class='red') {{msg}}
```
{% endraw %}