本文转自测试人社区，原文链接：
v-on 指令作用：绑定事件监听器表达式：方法或者内联语句简写：@<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>v-on</title> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script></head><body> <div id="app"> <div>{{num}}</div> <!-- v-on 使用方法一 --> <button v-on:click="add">点击加1</button> <!-- v-on 使用方法二 --> <button @click="add2(2)">点击加2</button> </div></body></html><script> var vm = new Vue({ el: "#app", data: { num: 1, }, methods:{ add: function(){ this.num++ }, add2: function(num1){ this.num = this.num + num1 //打印日志 console.log("每次增加"+num1) } } })</script>
