Vue.js报错问题解决：[Vue warn]: Error in v-on handler: “ReferenceError: XXX is not defined“.

代码：

<div id="box">
    <button @click="counter">计算</button>
    <p>按钮被单击{
   
   {count}}次</p>
</div>
<script type="text/javascript">
    var vm = new Vue({
        el: '#box',
        data: {
            count: 0
        },
        methods: {
            counter: function () {
                count++;
            }
        }
    })
</script>

报错信息：

原因：count 忘加 this 了。。。

<div id="box">
    <button @click="counter">计算</button>
    <p>按钮被单击{
   
   {count}}次</p>
</div>
<script type="text/javascript">
    var vm = new Vue({
        el: '#box',
        data: {
            count: 0
        },
        methods: {
            counter: function () {
                this.count++;
            }
        }
    })
</script>

1、2