vue中事件绑定函数加括号和不加括号的区别

html代码

<div id="example-2">
  <button @click="test">测试</button>
</div>

js代码

new Vue({
  el: '#example-2',
  data(){
    return {

    }
  },
  methods: {
  	test(id){
  		console.log(id);
  	}
  }
})

不添加括号 <button @click=“test”>测试,执行效果是：

添加括号 <button @click=“test()”>测试结果：

添加括号传值，<button @click=“test(123)”>：

总结：
加与不加括号的区别在于事件对象参数 event 的处理。不加括号时，函数第一个参数为 event，加了括号后，需要手动传入 $event 才能获得事件对象。