The very first Vue.js example
HTML
<script src="https://unpkg.com/[email protected]"></script>
<div id="app">
<button @click="increment">Increment</button>
<p>Counter: {{counter}}</p>
<p>Clicks: {{clicks}}</p>
</div>
Babel + JSX
let component = new Vue({
el: '#app',
data () {
console.log('data')
return {
counter: 5,
clicks: 0
}
},
methods: {
increment(){
this.clicks++;
}
},
computed: {
counter() {
console.log('computed')
return this.clicks * 2;
}
},
created () {
console.log('created')
console.log(this.counter)
}
});
console.log(component)