vue2事件绑定v-on

<div id="app">
    <!-- 
      事件绑定 v-on
      语法：
      v-on:事件名="方法"
      简写
      @事件名="方法"
      注：方法要定义在methods配置选项中

      // 在vue事件绑定方法中，可以写小括号也可以不写小括号
      // 如果不写小括号：vue会自动给你绑定的方法上注入一个event事件对象
      // 如果写小括号，可以通过小括号来传事件参数，但event事件对象需要你手动的来传入
      // 现在写小括号，但还需要用到event事件对象 vue提供一个内置变量 $event，手动注入进去
      // 建议，写在第1个参数位，或最后1位，但是建议还是写在第1位
     -->
    <button v-on:click="clickHandle">不写小括号 - 点击事件</button>
    <button v-on:click="clickHandle2($event,100)">写小括号 - 点击事件</button>
  </div>
  <script>
    var vm = new Vue({
      el: '#app',
      data() {
        return {
        }
      },
      methods: {
        clickHandle(evt) {
          console.log('不写小括号', evt);
        },
        clickHandle2(evt, id) {
          console.log('写小括号', id, evt);
        }
      }
    })
  </script>