终于搞清楚了标签中的绑定事件是否要加括号的区别,但是比较散。刚才说了对应的执行结果,人看了还是一头雾水。特地整理比较了不同点,记录下来。先说一下事件绑定的三种主要方式:1.内联方式:直接使用函数名作为html标签中属性的属性值。Inlinemode这种方式的缺点是不符合行为分离的基本规范2.脚本方式:获取节点并为节点添加属性varbtn=document.getElementById("btn");btn.onlick=function(){XXX}这种方法虽然实现了分离,但是只能添加一个函数,再次使用会覆盖。3.DOM2级事件btn.addEventListener("click",function(event){console.log(this);},false);这个方法可以多次添加,也有相应的去除方法。实现方法就像名字一样。在标签中添加一个事件监听器,监听后执行相应的方法。今天主要是比较添加事件时加不加括号的效果,这是inline模式下的使用规范。test1test2
喜欢深入研究的同学可以看看相应的结果。第一个测试按钮点击时会触发,但无法打印e,第二个按钮不会触发。这是因为内联模式下的事件属性是用引号括起来的,代表点击元素时执行引号内的代码。在vue中,你可以使用带括号或不带括号的@click绑定事件。如果添加括号,则参数由您定义。如果不加括号,传入的参数就是默认的event事件。