<div id="app">
<div>
<button @click="incrementCount">Click me!</button>
<p>Count: {{ countDisplay }}</p>
</div>
<div>
new Vue({
data(){
return {
count: 0
}
},
computed: {
countDisplay(){
return `Count: ${this.count}`
}
},
el: "#app",
methods: {
incrementCount(){
this.count += 1
}
},
watch:{
count(newVal){
console.info(`Count updated to ${newVal}`)
}
}
})
This Pen doesn't use any external CSS resources.