这里的greet加括号和不加括号有什么区别？

<template>

    <div>

        <div>事件处理器</div>

        <div>----------------------------------</div>

        <div id="example-1">

            <button v-on:click="counter += 1">增加1</button>

            <p>这个按钮被点击了{{counter}}</p>

        </div>

        <div>----------------------------------</div>

        <div id="example-2">

            <button @click="greet">greet</button> //这里的greet加括号和不加括号有什么区别？好像结果一样

        </div>

    </div>

</template>

<script>

export default {

    data () {

        return {

            counter:0

        }

    },

    methods:{

        greet(){

            this.counter = this.counter + 1;

        }

    }

}

</script>