《跟热饭一起学习vue吧》Part.17 事件处理器 v-on

事件处理器 v-on

我们之前说过，v-on是一个可以带参数的指令，不过这样的说法貌似很多同学都觉得别扭，实际上，我们说给一些特殊的属性前面加v-on ，更加便于理解。比如click。

写法举例：

<button v-on:click="函数名"> </button>

那么我们今天要重新学习v-on的真正作用了，它其实就是事件处理器。

什么意思？就是说这里可以关联一些事件，来让这个元素在一些特定动作的时候触发 关联的事件。这些事件一般是表达式，函数等，而函数内则可以做任何事情。

比如这个例子：

通过绑定一个表达式的方法，来改变vue构造器中data变量counter的值，让其自加1。然后p标签内就会实时的显示这个变化。

再来看下面这个例子：

这里我们绑定的变成了一个函数名

下面的例子中，函数带了参数

图中，函数需要一个参数叫message，我们绑定的时候，就需要用函数名+括号的方式把参数带进去。最终这个message被alert弹了出来。注意这里的具体函数内，写的代码依然是传统的js，或者jq。所以大家还是要掌握一定的js/jq基础才可以。

好了本节课就到这里，怎么样，是不是感觉很简单？？？感觉简单的话，就立马关注下本公众号吧~ 进群学习请加v：qingwanjianhua