关于v-on绑定事件的问题？

粉丝福利 : 关注VUE中文社区公众号，回复视频领取粉丝福利

本人开始学习vue.js，之前在博客上看到一个例子

    window.onload = function(){
        var vm = new Vue({
            el:'#box',
            data:{
                arr:['apple','banana']
            },
            methods:{
                add:function(){
                    // alert(this.arr);
                    this.arr.push('tomato'); 
              }
            }
        });
    }
</script>

</head> <body>

{{value}}

</body>

这里采用的是v-on:click="add()绑定点击事件 add后面带()

但在官网上，有如下的绑定处理的例子

<button v-on:click="greet">Greet</button>

var example2 = new Vue({ el: '#example-2', data: { name: 'Vue.js' }, methods: { greet: function (event) { alert('Hello ' + this.name + '!') if (event) { alert(event.target.tagName) } } } }) 这里采用的是 <button v-on:click="greet">，greet后面不带()

想问一下大家，这里click之后的函数到底应不应该加()呢，如果两种写法都对，那这两种写法有什么区别呢？不胜感激