SOURCE

console 命令行工具 X clear

                    
>
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>