事件绑定

vue如何处理事件？

v-on / 缩写@

示例：

事件的基本使用

来看一个例子

// html



// js

上面代码，通过点击按钮，改变输入框中相应的值。

事件函数的调用方式

1、直接绑定函数名称

2、调用函数

事件函数的参数传递

1、普通函数和事件对象

来看一个例子

// html

        
        


// js

上面代码，通过参数传递将页面显示的名字更改成另一个人的名字。并且通过事件源对象打印目标对象的内容。

结论：1、如果事件直接绑定函数名称，那么会默认传递事件对象作为事件函数的第一个参数。 2、如果事件绑定函数调用，那么事件对象必须作为最后一个参数显示$event传递

vue