事件处理器 v-on
我们之前说过,v-on是一个可以带参数指令,不过这样的说法貌似很多同学都觉得别扭,实际上,我们说给一些特殊的属性前面加v-on ,更加便于理解。比如click。
写法举例:
代码语言:javascript复制<button v-on:click="函数名"> </button>
那么我们今天要重新学习v-on的真正作用了,它其实就是事件处理器。
什么意思?就是说这里可以关联一些事件,来让这个元素在一些特定动作的时候触发 关联的事件。这些事件一般是表达式,函数等,而函数内则可以做任何事情。
比如这个例子:
通过绑定一个表达式的方法,来改变vue构造器中data变量counter的值,让其自加1。然后p标签内就会实时的显示这个变化。
再来看下面这个例子:
这里我们绑定的变成了一个函数名
下面的例子中,函数带了参数
图中,函数需要一个参数叫message,我们绑定的时候,就需要用函数名 括号的方式把参数带进去。最终这个message被alert弹了出来。注意这里的具体函数内,写的代码依然是传统的js,或者jq。所以大家还是要掌握一定的js/jq基础才可以。
好了本节课就到这里,怎么样,是不是感觉很简单???