console
var vm = new Vue({
el: "#app",
data: {
count1: 1,
count2: 1,
},
computed: {
addCount1ByComputed() {
return this.count1 * 10
}
},
methods: {
addCount2ByMethod() {
this.count2++
},
},
mounted() {
console.log("========computed========")
for (let i=0; i<5; i++) {
console.log(this.addCount1ByComputed)
}
console.log("=======methods=======")
for (let i=0; i<5; i++) {
this.addCount2ByMethod()
console.log(this.count2)
}
},
})
<div id="app">
<div>count1:{{ count1 }}</div>
<div>addCount1ByComputed: {{ addCount1ByComputed}}</div>
<div>addCount2ByMethod:{{count2}}</div>
</div>