当先锋百科网

首页 1 2 3 4 5 6 7

代码:

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

12