函数传参_vue methods中的函数带括号与不带括号的区别

今天的在read code 的时候,发现为什么有的同事要在methods定义的函数调用的时候加上括号,而自己平时用的时候并没有这一习惯,除非要进行传参的时候才加上括号,例如:

@click='getList(id)',但是为什么有时候明明没有传参的需要,却要加上()呢? 百思不得其解,于是去查阅了相关的资料,意思就是,当不加括号直接调用这个函数是可以直接获取到这个事件对象的,加了()要想获取这个事件对象就要手动的加$event ,具体的实现是这样的:

首先是不加括号的示范

(在html 中调用)

定义

然后在控制台中打印的结果是

就是说它这样是可以直接获取到这个事件对象的,

而另外一种情况加括号

然鹅打印的时候,你会发现是undefined ....

所以,此时你加了(),而又要获取这个事件对象的话,你就要手动加上$event,

像这样,你同样的能获取到

还有另外一种情况就是,你需要传参

我要将livall 传过去

结果是