Vue 事件监听v-on（简单使用，参数问题，修饰符）

下面的代码中，我们使用了v-on:click="counter++”

+

-

另外，我们可以将事件指向一个在methods中定义的函数

+

-

v-on也有对应的语法糖：@click

<button @click=“increment”>+

<button @click=“decrement”>-

关于参数问题

• 当通过methods中定义方法，以供@click调用时，需要注意参数问题：

• 情况一：如果该方法不需要额外参数，那么方法后的()可以不添加。

*   但是注意：如果方法体本身中有一个参数，但调用时没有传参，默认将原生事件event参数传递进去

• 情况二：如果需要同时传入某个参数，同时需要event时，可以通过$event传入事件。

小案例

<button @click=“btn1Click()”>按钮1-1

<button @click=“btn1Click”>按钮1-2

<button @click=“btn2Click”>按钮2-1

<button @click=“btn2Click()”>按钮2-2

<button @click=“btn2Click(123)”>按钮2-3

<button @click=“btn3Click(123,$event)”>按钮3

最后

好了，这就是整理的前端从入门到放弃的学习笔记，还有很多没有整理到，我也算是边学边去整理，后续还会慢慢完善，这些相信够你学一阵子了。

做程序员，做前端工程师，真的是一个学习就会有回报的职业，不看出身高低，不看学历强弱，只要你的技术达到应有的水准，就能够得到对应的回报。

学习从来没有一蹴而就，都是持之以恒的，正所谓活到老学到老，真正懂得学习的人，才不会被这个时代的洪流所淘汰。

加入社区》https://bbs.youkuaiyun.com/forums/4304bb5a486d4c3ab8389e65ecb71ac0